Маска номера телефона

25 октября 2022

Подключаем библиотеку маски в function.php

wp_enqueue_script( 'mask', 'https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.6/jquery.inputmask.min.js' );

JQuery

//маска
(function(){
	$(document).ready(function(){
		// Используем библиотеку Inputmask для маскирования номера телефона
		$('.input-mask').inputmask("+7 (999) 999-99-99");
		
		// Проверяем заполнение маски перед отправкой формы
		$('button.btn').click(function(event){
			// Получаем значение поля ввода телефона
			var phoneValue = $('.input-mask').val();

			// Удаляем все нецифровые символы из значения поля ввода телефона
			var phoneDigits = phoneValue.replace(/\D/g, '');

			// Проверяем, содержит ли номер телефона все 10 цифр и  символ +
			if(phoneDigits.length < 11) {
				// Если номер телефона не полностью заполнен, отменяем отправку формы
				event.preventDefault();
				$('.input-mask').addClass('input-error');
			}
		});
	});
})();
//маска
Закажите у меня разработку сайта под ключ
и получите логотип в подарок в векторе и с исходниками
Заказать разработку
Контакты

Работаем: с ПН по ПТ, с 08:00 до 16:00 (МСК)
Отдыхаем: в СБ и ВС, чтобы быть в тонусе
и реализовывать самые сложные идеи