jQuery Validation PlugIn的使用方法详解

推荐整理分享jQuery Validation PlugIn的使用方法详解，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

一、用前必备 官方网站： API: 当前版本：1.5.5 需要JQuery版本：1.2.6+, 兼容 1.3.2 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则

(1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：--，// 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 ()equalTo:"#field" 输入值必须和#field相同 ()accept: 输入拥有合法后缀名的字符串（上传文件的后缀） ()maxlength:5 输入长度最多是5的字符串(汉字算一个字符) ()minlength: 输入长度最小是的字符串(汉字算一个字符) ()rangelength:[5,] 输入长度必须介于 5 和 之间的字符串")(汉字算一个字符) ()range:[5,] 输入值必须介于 5 和 之间 ()max:5 输入值不能大于5 ()min: 输入值不能小于

三、默认的提示

如需要修改，可在js代码中加入：

推荐做法，将此文件放入messages_cn.js中，在页面中引入 [codept src="../js/messages_cn.js" type="text/javascript"></script> [/code四、使用方式 1.将校验规则写到控件中

使用class="{}"的方式，必须引入包：jquery.metadata.js 可以使用如下的方法，修改提示内容： 在使用equalTo关键字时，后面的内容必须加上引号，如下代码： 另外一个方式，使用关键字：meta（为了元数据使用其他插件你要包装 你的验证规则 在他们自己的项目中可以用这个特殊的选项） 再有一种方式：

这样可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"将不起作用 2.将校验规则写到代码中

required:true 必须有值 required:"#aa:checked"表达式的值为真，则需要验证 required:function(){}返回为真，表时需要验证 后边两种常用于，表单中需要同时填或不填的元素

五、实例讲解

实例一：精简验证，通过表单对象调用validate()方法进行验证，验证规则通过html标签属性定义：以下为常用属性定义距离

class='required'　　//必须字段class='mail'　　//邮箱验证class='url'　　//URL网址验证class='date'　　//正确的日期 格式满足 ，，--class='number'　　//输入合法的数字class='digits'　　//输入整数minlength=''　　//最小输入长度maxlength=''　　//最长输入长度(该值不会提示，当值达到一定字符数不可再增长)max=''　　//输入的数值小于指定值min=''　　//输入的数值大于指定值

实例二：方法验证，通过自定义表单规则来验证表单