- Главная
- Маска номера телефона
Маска номера телефона
25 октября 2022
Подключаем библиотеку маски в function.php
wp_enqueue_script( 'mask', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.6/jquery.inputmask.min.js' );
JQuery
/маска
$(document).ready(function () {
$('.input-mask').inputmask("+7 (999) 999-99-99"); // добавляем маску телефона для всех полей с классом input-mask
$('form').submit(function (event) { //обрабатываем отправку формы
event.preventDefault(); //отменяем стандартное поведение браузера
var phoneInput = $(this).closest('form').find('.input-mask');
var phoneValue = phoneInput.val();
var phoneDigits = phoneValue.replace(/\D/g, ''); //удаляем все нецифровые символы из значения поля ввода телефона
if (phoneDigits.length < 11) { //проверяем, содержит ли номер телефона все 10 цифр
$('.input-mask').addClass('input-error'); //если номер телефона не полностью заполнен, добавляем класс 'input-error' для соответствующего поля
} else { //если номер телефона полностью заполнен, отправляем заявку
var formID = $(this).attr('id');
var formNm = $('#' + formID);
$.ajax({
url: '/wp-content/themes/shablon/mail.php',
type: 'POST',
data: formNm.serialize(),
success: function (response) {
$('.modal-smg_boby').fadeOut();
$('.modal-smg-thanks').fadeIn();
},
error: function () {
alert('Ошибка при отправке заявки!');
}
});
}
});
});
//маска
Закажите у меня разработку сайта под ключ
и получите логотип в подарок в векторе и с исходниками
Заказать разработку
и получите логотип в подарок в векторе и с исходниками