Отобразить контактную форму 7, ввести непосредственно в форму

Question

Я пытаюсь добиться следующего, попробуйте поискать здесь, но безрезультатно.

Я хочу отобразить гостевой ввод непосредственно в форме, прежде чем нажать кнопку подтверждения.

Пример, Есть 2 вопроса, Input-A - это дата: 29/04/2019 Input-B - это текст: John

Number 3 будет блоком, в котором Input-A и Input-B будут отображаться еще доГость нажимает на кнопку отправки.

Пример: Уважаемый Input-B, ваша встреча будет 29/04/2019.

=> будет

Уважаемый Джон, вашвстреча состоится 29/04/2019.

Нужно ли использовать динамическое расширение DF7?Я новичок в динамическом расширении текста, как я могу добиться с помощью динамического расширения текста?

Answer 1

Это можно сделать с помощью jQuery.Если вы хотите переместить результат, просто поместите его в нужное место ...

Сначала в контактной форме 7. Сделайте что-то подобное.

<label> Your Name (required)
    [text* your-name] </label>

<label>Enter Date
    [date the-date]</label>

<label> Your Email (required)
    [email* your-email] </label>

[submit "Send"]

<div id="result"></div>

И затем вы хотите добавить этов js-файлы вашей темы.Если вы отключите auto-p https://stackoverflow.com/a/32540049/3821467 в CF7, то вы можете вставить его непосредственно в CF7 в пределах <script></script>

(function($) {
    $('input[name="the-date"]').blur(function(){
        var name = $('input[name="your-name"]').val();
        var date = $('input[name="the-date"]').val();
        $('#result').html('<p>Dear ' + name + ', your appointment will be on ' + date + '.</p>');
    });
})( jQuery );

Это активируется только тогда, когда размытие срабатывает после того, как пользователь вводит дату и нажимаетв другое поле.Чтобы изменить триггер или добавить другой, вы можете включить больше jQuery для обновления после изменения имени или что-то еще.