jQuery Validation PlugIn的使用方法详解

编辑：rootadmin

推荐整理分享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=''　　//输入的数值大于指定值