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

来源：互联网发布：监控干扰器软件编辑：程序博客网时间：2024/06/10 02:38

获取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条：

0 0