Всем привет. Есть вот этот и этот плагин.
Сама форма имеет такой вид.
<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
Сама проблема: Второе поле имеет маску, если оно пустое, то скрипт проверки говорит, что заполнено, и не выдает сообщение об ошибке.