Привет.
К странице подключена маска для набора номера (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>'
}
}
});
Данный код работает корректно в браузере на ПК, но вот на телефоне проблемы:
Такое чувство что валидация происходит перед вводом данных в форму, так как сообщение об ошибке опаздывает.
Помогите, кто догадывается как исправить данную ошибку...
