Почему не работает валидация номера телефона?

Ситуация следующая. Валидация номера телефона работает не до конца. Закомментирован код не решает моей проблемы. Если добавить свойство minlength, то даже при вводе хоть одного символа форма считается валидная. Если добавить свойство number, то даже если заполнить все символы, валидация проходить не будет. Помогите пожалуйста в решении этой проблемы.
Форма в самом низу
// Validation input number phone
// https://github.com/RobinHerbots/inputmask
$(document).ready(function(){
    $('.input-tel').inputmask("+7(999)999-99-99");
});


// Validation form
// https://jqueryvalidation.org
$("#contacts-form").validate({

    rules: {
        input_name: {
            required: true
        },
        input_tel: {
            required: true,
            //minlength: 10,
            //number: true
        },
        input_email: {
            email: true
        },
        "contacts_check_accept[]": {
            required: true,
            minlength: 1
        },
    },
    messages: {
        input_name: {
            required: "Это поле обязательно к заполнению",
        },
        input_tel: {
            required: "Это поле обязательно к заполнению",
        },
        input_email: {
            email: "Введите пожалуйста корректный e-mail"
        },
        "contacts_check_accept[]": "Согласитесь с Политикой конфеденциальности"
    },
    focusCleanup: true,
    focusInvalid: false,
    errorClass: "form__input_error",
    validClass: "form__input_success"
});
  • Вопрос задан
  • 407 просмотров
Пригласить эксперта
Ответы на вопрос 1
Попробуйте перед отправкой формы проверять заполненность вашего поля с помощью метода isComplete(). isComplete
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы