Валидация телефонного номера в Contact Form 7

mexan

Администратор
Регистрация
28.10.2017
Сообщения
1 129
Реакции
263
Как сделать в Contact Form 7 поле для ввода телефона? Это не сложно, мы воспользуемся помощью готового JS скрипта «Masked Input Plugin».
1. В конструкторе контактных форм Contact Form 7 создаем текстовое поле
[text* telefon class:tel placeholder "+7 (___) ___-__-__"]
2. Скачиваем js скрипт тут jquery.maskedinput.min.js (подключаем в шаблон своего сайта как обычный js файл). Например:
<script type='text/javascript' src='https://ваш_сайт.ru/js/jquery.maskedinput.min.js'></script>
3. В файле functions.php своей темы добавляем следующий код:
Код:
add_action('wp_footer', 'wpmidia_activate_masked_input');
function wpmidia_activate_masked_input(){
?>
<script type="text/javascript">
jQuery( function($){
$(".tel").mask("+7 (999) 999-9999");
});
</script>
<?php
}
Теперь у нас появилось поле с вводом телефона по маске +7 (___) ___-__-__ Поле требует ввода только цифр, при не полном заполнении попросит его заполнить.
 
Верх Низ