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>'
        }
    }
});

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

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

Здравствуйте, можете стать моим ментором? Я ваши видео смотрю давно, вы много чего знаете