Корзина
0
Россия
Армения
Россия

Минимальное количество символов в поле телефона (tel) в Contact-Form-7 на Wordpress

Минимальное количество символов в поле телефона (tel) в Contact-Form-7 на Wordpress
В одной из задач — возник вопрос, как задать минимальное количество символов в поле телефона (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" — это подсказка поля. Можно указать "Введите телефон" или Маску номера.

Итог

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

Возврат к списку