Показать сообщение отдельно
  #1 (permalink)  
Старый 31.01.2019, 21:36
Новичок на форуме
Отправить личное сообщение для хаудихооо Посмотреть профиль Найти все сообщения от хаудихооо
 
Регистрация: 31.01.2019
Сообщений: 1

jQuery Validation Plugin проблема валидации номера
Привет.


К странице подключена маска для набора номера (Inputmask https://github.com/RobinHerbots/Inputmask):

$('input[type="tel"]').inputmask({"mask": "+380(99) 999-99-99"});


Кроме того подключен плагин валидации (jQuery Validation Plugin https://jqueryvalidation.org/):

$.validator.addMethod( "mobileUA", function( phone_number, element ) {
	return this.optional( element ) || phone_number.length > 9 && /^\+380\(\d{2}\)\s\d{3}\-\d{2}\-\d{2}$/.test( phone_number );
}, "Please specify a valid mobile number" );

$('input[type="tel"]').validate({
    rules: {
        phone: {
            required: true,
            mobileUA: true
        }
    },
    messages: {
        phone: {
            required: '<p><i class="fas fa-exclamation-circle"></i>Введите номер телефона.</p>',
            mobileUA: '<p><i class="fas fa-exclamation-circle"></i>Неверный номер телефона.</p>'
        }
    }
});

Данный код работает корректно в браузере на ПК, но вот на телефоне проблемы:

Такое чувство что валидация происходит перед вводом данных в форму, так как сообщение об ошибке опаздывает.
Помогите, кто догадывается как исправить данную ошибку...
Ответить с цитированием