jQuery插件jQuery Validation学习（三）——validator对象

获取validator对象的方法如下（在之前的表单校验函数中，其实就返回这个对象，所以直接接收这个值即可）：

//获得validator对象
validator = $("#demoForm").validate({
//调试模式，也就是说按下提交按钮的时候并不会提交
debug:true,
//rules的键是表达中的name属性而不是id
rules: {
username: {
//需要填
required:true,

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

},
"confirm-password": {
equalTo:"#password"
}
},
//rules规则相应的提示信息
messages: {
username: {
required:"请填写用户名",
minlength:"用户名最小为2位",
maxlength:"最大最大为10位",
remote:"用户名不存在",
rangelength:"用户名的范围不对"
},
password: {
required:"请填写用户名",
minlength:"密码最小为2位",
maxlength:"最大最大为10位",
},
"confirm-password": {
equalTo:"两次输入密码不一致"
}
}
});

那么这个对象可以实现如下功能：

1.验证表单是否有效,返回true/false

validator.form();

2.验证表单中某一个元素是否有效

validator.element("#username");

3.清除请求所有的验证错误信息

<span style="font-size:18px;">validator.resetForm();</span>

比如说表单中已经存在如下错误提示：



这是如果执行resetForm：



那么错误信息将会被清除：



4.动态向表单中的某一元素显示错误信息

validator.showErrors({
username:"error info!!!"
})

添加了上面的方法后：



那么表单将会提示动态加入的错误信息：



5.获取表单中填写错误数据的数量

validator.numberOfInvalids()

图中错误信息如下：



那么显示的错误信息就有两条：



如果没有错误信息：



那么显示的就是0条：