Конфликт плагинов

Рейтинг: 0Ответов: 1Опубликовано: 27.01.2015

Всем привет. Есть вот этот и этот плагин.

Сама форма имеет такой вид.

 <center>
<form id="loginform" action="" method="post">
Ваш логин:

<input type="text" name="login" />

Ваш телефон:

<input type="text" name="pswd" id="phone"/>

<input type="submit" name="enter" value="Войти" /></form>
</center>

<script>
$("#phone").inputmask("(999) 999-99-99");
</script>

Содержимое myscripts.js

$(document).ready(function(){

    $("#loginform").validate({

       rules:{

            login:{
                required: true,
                minlength: 2,
                maxlength: 16,
            },

            pswd:{
                required: true,
                minlength: 10,
                maxlength: 10,
            },
       },

       messages:{

            login:{
                required: "Это поле обязательно для заполнения",
                minlength: "Имя должно быть минимум из 2 символов",
                maxlength: "Максимальное число символо - 16",
            },

            pswd:{
                required: "Это поле обязательно для заполнения",
                minlength: "Телефон должен состоять из 10 цифр",
                maxlength: "Телефон должен состоять из 10 цифр",
            },

       }

    });

}); //end of ready

Сама проблема: Второе поле имеет маску, если оно пустое, то скрипт проверки говорит, что заполнено, и не выдает сообщение об ошибке.

Ответы

▲ 1

Сделал пример с вашими плагинами и сообщение об ошибке нормально отображается, если поле пустое.

Поставьте себе эти же версии файлов и jQuery версии не меньше 1.9.1.

UPD

Чтобы плагин Validate нормально обрабатывал маску, нужно учитывать количество всех символов в поле телефона, а их там 15, а значит:

 minlength: 15,
 maxlength: 15,