В одной из задач — возник вопрос,
как задать минимальное количество символов в поле телефона (tel) в Contact-Form-7 на Wordpress, ведь форма сейчас работает не правильно и отправляет даже заявки с пустым номером телефона.
Строение формы в шаблоне
Ранее была создана специальная форма в плагине Contact Form 7, эта форма предполагает ввод номера телефона для получения консультации. Встроена в шаблон с помощью шорткода:
<?php echo do_shortcode( '[contact-form-7 id="501" title="Контактная форма 1"]' );?>
Исходя из подключения таким образом — необходимо зайти в настройки этой формы в админпанели:
- Contact Form 7 > Контактные формы > Нужная форма (в нашем случае — Contact Form 7) > Вкладка "Шаблон формы".
Чтобы сделать поле телефона обязательным, вставка поля "Телефон" должна иметь следующий вид:
[tel* tel-600 id:telInput class:feed__body_input minlength:10 placeholder "+7 (495) 555-55-55"]
Расшифровка настройки поля
tel* — означает, что поле обязательно для заполнения. Без звездочки будет не обязательным и смогут отправляться не заполненные формы.
id:NAME — где NAME - это имя ID.
class:NAME — по аналогии с ID, вместо NAME можно указать нужный класс
minlength:10 — где 10 - это минимальное количество символов обязательных для заполнения, если их будет меньше - форму отправить не получится, будет выдана ошибка заполнения поля.
maxlength:11 — где 11 - это максимальное количество символов, которые можно вводить в данное поле.
placeholder "X" — это подсказка поля. Можно указать "Введите телефон" или Маску номера.
Итог
Понятной документации я не нашёл, возможно еще есть дополнительные способы настройки этого поля, поэтому решил оставить полезную заметку с расшифровкой.
