Как происходит валидация формы Contact Form 7?

Question

[Дмитрий Дев]

По стандарту Contact Form 7 делают валидацию по классу .wpcf7-validates-as-required. При попытке отправки формы выводится сообщение в .wpcf7-response-output. Но как сделать, чтобы под незаполненным полем выводилось сообщение о необходимости заполнить это поле, как на картинке?

Вижу, что такое сообщение есть в настройках:

Как сделать, чтобы у поля было required="required". Можно это как-то сделать в файле темы functions.php?
Или как сделать свою валидацию перед отправкой данных формы?

Comments

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

CF7 валидирует форму на серверной стороне, в то время как при добавлении атрибута required валидация происходит на клиенте. Если нужен атрибут required, то как вариант используйте acf_form (плагин ACF).
Или же как вариант добавьте этот атрибут средствами js после загрузки страницы

[Дмитрий Дев]

azerphoenix, да, уже понял, что только так. Подредактировал вопрос, можете подсказать куда выводятся сообщение о необходимости заполнить поле?

[godsplane]

Если я правильно понял вопрос, то обязательно поле отмечается звездокой
[text* text-123 ]

[Дмитрий Дев]

godsplane, это я понимаю, но как сделать, чтобы при submit выводились сообщения под обязательными полями как на картинке

[godsplane]

dikey58, https://contactform7.com/2015/03/28/custom-validation/

[Дмитрий Дев]

godsplane, это чтобы вывести не стандартное сообщение для определенного поля.
Но я разобрался почему у меня не выводятся сообщения. Contact Form 7 по умолчанию поддерживает вывод таких сообщений, но я убрал у себя всю создаваемую обертку Contact Form 7 из-за чего он не находил элемент span.wpcf7-form-control-wrap, куда он добавлял span.wpcf7-not-valid-tip
Но мне мешают span и теперь ищу как заменить на обертку div или привязать добавление ошибки к другому элементу.

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

dikey58,
Вот, как выводится на одном из сайтов

Что касается кастомизации блоков валидации, то есть информация в документации:
https://contactform7.com/customizing-validation-er...