Настроить вывод уведомления об отправке вместо формы

Решено pilulka
(@pilulka)

7 лет, 3 месяца назад

Добрый день!

на сайте используется плагин contact form 7. После отправки сообщения уведомление об успешной отправке данных появляется над формой. необходимо, чтобы при этом поля формы исчезали. подскажите, пожалуйста, как это сделать.

Просмотр 4 ответов — с 1 по 4 (всего 4)

Модератор Denis Yanchevskiy
(@denisco)

WordPress-разработчик, denisco.pro

7 лет, 3 месяца назад
Добрый.

Универсального решения увы не знаю, но думаю стоит попробовать нечто такое.
В дополнительные настройки формы добавить строку:
on_sent_ok: "jQuery('.wpcf7-form-control').hide();"
- Ответ изменён 7 лет, 3 месяца назад пользователем Denis Yanchevskiy.
Автор pilulka
(@pilulka)

7 лет, 2 месяца назад
Здравствуйте! спасибо за ответ. ваше решение помогло частично:
после отправки сообщения поля исчезают, а названия остаются:

http://prntscr.com/ceauir

как можно сделать так, чтобы и названия полей исчезали — оставалось только уведомление? код формы модифицирован:
```
[response]

<div class="form-group">
    <label for="inputFio" class="col-lg-5 control-label">ФИО<span>*</span></label>
<div class="col-lg-7">
    [text* text-486 class:form-control id:inputFio] 
</div>
</div>

<div class="form-group">
    <label for="inputTel" class="col-lg-5 control-label">Телефон<span>*</span></label>
<div class="col-lg-7">
    [tel* tel-403 id:inputTel class:form-control]
</div>
</div>

<div class="form-group">
<label for="textArea" class="col-lg-5 control-label">Город<span>*</span></label>
<div class="col-lg-7">
   [text* text-383 id:textArea class:form-control]			
</div>
</div>

<div class="form-group">
    <label for="inputSumma" class="col-lg-5 control-label">Желаемая сумма<span>*</span></label>
<div class="col-lg-7">
    [text* text-743 id:inputSumma class:form-control placeholder "от 50 000 рублей"]
</div>
</div>

<div class="form-group">
    <label for="inputZalog" class="col-lg-5 control-label">Ваш залог<span>*</span></label>
<div class="col-lg-7">
[checkbox* checkbox-252 "Авто" "Недвижимость"]
</div>
</div>

<div class="btn-appl">
 [submit "Отправить заявку"]
</div>
```
- Ответ изменён 7 лет, 2 месяца назад пользователем pilulka.
Модератор Denis Yanchevskiy
(@denisco)

WordPress-разработчик, denisco.pro

7 лет, 2 месяца назад

как можно сделать так, чтобы и названия полей исчезали — оставалось только уведомление?

Пробуйте так:
on_sent_ok: "jQuery('.form-group, .btn-appl').hide();"

Автор pilulka
(@pilulka)

7 лет, 2 месяца назад

помогло!!! спасибо большое!!! уже не первый раз мне помогаете!!!!

Просмотр 4 ответов — с 1 по 4 (всего 4)

Тема «Настроить вывод уведомления об отправке вместо формы» закрыта для новых ответов.

Метки темы

Просмотр