empty basket
Ваша корзина пуста
Выберите в каталоге интересующий товар
и нажмите кнопку «В корзину».
Перейти в каталог
empty delayed
Отложенных товаров нет
Выберите в каталоге интересующий товар
и нажмите кнопку
Перейти в каталог
Заказать звонок
+7 (499) 408 08 75
г. Люберцы, Октябрьский пр-т, 111/119
пн-пт: 10:00-18:00
Заказать звонок

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

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

Итог

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