Contact form 7, как определяется место для ошибки?

Question

[godsplan]

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

Answer 1

[Орхан Гасанлы]

Все довольно просто...
При отправке запроса контактной формы через аякс вам приходит ответ от сервера.
Вот скрин:

А дальше скрипт обработчик согласно ответу от аякс вставляет нужные span с сообщениями.
Вот, скрин:

<span role="alert" class="wpcf7-not-valid-tip">Поле обязательно.</span>

Для стилизации используйте этот класс wpcf7-not-valid-tip

А вот, и другой блок, который показывает сообщение от сервера:

Стилизуйте класс - wpcf7-response-output

<div class="wpcf7-response-output wpcf7-display-none wpcf7-validation-errors" style="display: block;" role="alert">Одно или несколько полей содержат ошибочные данные. Пожалуйста проверьте их и попробуйте ещё раз.</div>

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

Возможно, что стили для тега span просто перезаписываются и соответственно в этом проявляется и все различие

Comments

[godsplan]

Спасибо, но мне еще не понятно про блок в желтой рамке. Стили стилями, а как управлять его расположением. Может быть я хочу pop-up при успешной отправке, или хочу чтобы это сообщение появлялось сверху а не снизу.

[Орхан Гасанлы]

godsplane, если вы хотите располагать блок с уведомлением в любом месте, то рекомендую прочитать документацию.
https://contactform7.com/locating-response-message...

[godsplan]

azerphoenix, спасибо, не знал об этом.