validate插件深入篇

1、使用valid()来验证表单是否填写正确：

<form id="mainform">

　　<button id="check"></button>

</form>

<script>

$("#check").click(function(){

　　alert($("#mainform").valid()?"正确":"错误");

});

</script>

2、使用rules来获取校验规则：注意只能获取某个单个元素的校验规则，如$("username").rules()

rule还可以增加元素规则：$("#username").rules("add",{minlength:2,maxlength:12});

删除的话直接用：$("#username").rules("remove","minlength maxlength")//注意，删除时，多个规则之间用空格隔开

 

3.validator对象

那么如何来获取validator对象呢，因为validate()方法会返回一个validator对象，所以在js中，写成var validator=$("#mainForm").validate({........

}),获取之后，可以在console中之间调用validator对象

validator.form()表示该表单是否有效，返回值为true或false

validator.element("#username")来验证元素是否有效

validator.resetForm()//恢复到表单之前的状态

validator.showErrors({

　　username:"你填错了，吼吼吼"，

　　password:"密码也错了哦"

})//这个主要用于自定义显示错误信息，当写了上述代码时，页面会立即显示该错误信息

validator.numberOfInvalids（）//返回无效的元素数量

 

validator对象静态方法 ：

代码如下：

<script>

var validator;

$(document).ready(function(){　

　　$.validator.setDefaults({

　　debug:true;

　　});

　　validator=$("#mainForm").validate({

　　......

　　});

});

</script>

（1）注意，代码中用了$.validator.setDefaults()，这是静态方法，除此，还有：jQuery.validator.addMethod(),jQuery.validator.format(),$.validator.addClassRules(class,rules);

使用如下：

$.validator.addClassRules({

　　txt:{

　　　　required:true,

　　　　minlength:5

　　　　}

});//txt表示包含classname为txt的元素

这种方法给我们带来批量生产校验规则的方式。