Demo-примеры сайта dnzl.ru - Пример работы плагина jquery validation

$.validator.addClassRules({ TestMaxValidation: { max: 10 } }) $('form').validate(); <input class="TestMaxValidation" type="text" /> Проверяем поле при помощи класса на (max: 10)

...Отправить

<input type="text" class="date required" name="somebody"/> Проверяем поле при помощи класса внутри эл-та на (required date)

...Отправить

$('#form3').validate({ rules : { field1:'required', field2:{ digits:true, required:true } } }); }); Проверяем поле при помощи объекта rules

Поле №2

...Отправить

$('#form4').validate(); $( "#myinput" ).rules( "add", { required: true, minlength: 2, messages: { required: "Поле обязательно" } }); Добавляем правила при помощи метода rules

...Отправить

<input type="text" minlength="15" url="true" required="true" /> Проверяем поле на основании атрибутов элемента

...Отправить

$('#form6').validate({ rules:{ one:{ digits:true, required:true, max:100 }, two:{ minlength:6, required:true }, }, messages:{ one:{ digits:"Обязательно цифры", required:"Поле оязательно", max:"До 100" }, two:{ minlength:"Минимальное кол-во символов 6", required:"Поле оязательны" } } }); Меняем текст для сообщений с ошибками

...Отправить

$('#form7').validate({ rules:{ one:{ digits:true, required:true, myMethod:20, } } }); $.validator.addMethod('myMethod', function(val,el,args) { if(Number(val)*args <= 100) { return true; } else { return false; } },"Ваше значение, помноженное"+ "на 20 , к сожалению, больше 100"); <input type="text" name="one" /> Собственный метод проверки ...Отправить

$("#form8").validate({ rules:{ one:{ digits:true, required:true } }, messages:{ one:{ digits:"Обязательно цифры", required:"Поле оязательно" } }, errorElement: "em", errorClass: "errorMessages", validClass: "success", highlight: function(element, errorClass, validClass) { $(element).addClass(errorClass).removeClass(validClass); $(element.form).find("label[for=" + element.id + "]") .addClass(errorClass); }, unhighlight: function(element, errorClass, validClass) { $(element).removeClass(errorClass).addClass(validClass); $(element.form).find("label[for=" + element.id + "]") .removeClass(errorClass); } }); <form id="form8" action="" method="post"> <code class="new"> </code> <label for="name"> <span>unhighlight и highlight, errorElement, errorClass, validClass </span> <input id="name" type="text" name="one" /> </label> <button type="submit" name="send">...Отправить</button> </form> unhighlight и highlight, errorElement, errorClass, validClass ...Отправить

Статья не окончена.....