jQuery的validate插件使用整理(传智播客 王昭E)(精).doc

该【jQuery的validate插件使用整理(传智播客 王昭E)(精) 】是由【泰山小桥流水】上传分享，文档一共【10】页，该文档可以免费在线阅读，需要了解更多关于【jQuery的validate插件使用整理(传智播客 王昭E)(精) 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。★第一部分:,借助 jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支持。:需要JQuery版本:+步骤:1,,注意顺序不要颠倒3,指定每个字段的验证规则名称*其中class="required"表示本字段必须要填写。效果如下图:★第二部分: class属性中例:用户名: required">电子邮件: requiredemail">密码: id="password1"class="{required:true,minlength:3} ">再次输入密码:class="{equalTo:'[#password1]'}required">以上用了两种方式:1,指定多个class名称(验证规则),多个 class名称之间用空格隔开,如: class="requiredemail"。2,使用JSON对象,指定多个属性,如:class="{required:true,minlength:3}"。可以为某验证规则指定所用的参数,如minlength规则需要指定最小长度,这里为3。3,混合使用,如:class="{equalTo:'[#password1]'}required"。说明:1,如果使用第2种方式(JSON对象),就必须引入:,作用是解析JSON对象。2,如果表单字段的 name不能重复,则只有最前面的配置起作用。(方法时指定验证规则$(function({$("#testForm".validate({rules:{loginName:{required:true,minlength:2},password:{required:true},password2:{equalTo:"#password1"}}};};可以使用哪些验证规则(内置的验证规则)必填字段required:trueremote:"/"使用ajax方式访问”/,”通过返回trueemail:trueurl:truedate:truedateISO:truenumber:true或false表示输入值通过或未通过验证必须输入正确格式的电子邮件必须输入正确格式的网址必须输入正确格式的日期必须输入正确格式的日期(ISO,例如:2010-01-01,2010/01/01只验证格式,不验证有效性必须输入合法的数字(负数,小数必须输入整数digits:truecreditcard:equalTo:"expr"accept:"gif|png|jpg"maxlength:5minlength:3rangelength:[5,10]range:[5,10]max:5min:10必须输入合法的信用卡号输入值必须和$(“expr”.val(的值相同,expr例子:#fieldId输入拥有合法后缀名的字符串(上传文件的后缀),多个后缀之间用’隔开|’输入长度最多是5的字符串(汉字算一个字符输入长度最小是3的字符串(汉字算一个字符输入长度必须介于 5和10之间的字符串"(汉字算一个字符输入值必须介于5和10之间输入值不能大于5输入值不能小于10说明:1,remote是远程验证。比如注册验证用户名是否已被注册,返回值只能是true(验证成功)或false(验证失败)。在访问指定的url时,会自动把当前字段的值做为参数传递过去(以字段的name值为key,value为参数值)。2,例如使用remote验证用户名是否存在,当添加一个用户后,在当前窗口中(同一个窗口),再次添加一个同名的用户,validate不能提示该用户已存在,这是因为缓存的原因,jquery仍认为该用户名可用。解决方法是在页面中添加如下代码:$(.ready(function({$.ajaxSetup({cache:false//关闭ajax相应的缓存};};3,某些属性值中的引号不能省略,否则出错。ept、equalTo等,因为这时他需要的是一个字符串。(,{required:"请填写本字段",remote:"验证失败",email:"请输入正确的电子邮件 ",url:"请输入正确的网址",date:"请输入正确的日期",dateISO:"请输入正确的日期 (ISO.",number:"请输入正确的数字",digits:"请输入正确的整数",creditcard:"请输入正确的信用卡号",equalTo:"请再次输入相同的值",accept:"请输入指定的后缀名的字符串 ",maxlength:("允许的最大长度为 {0}个字符",minlength:("允许的最小长度为 {0}个字符",rangelength:("允许的长度为{0}和{1}之间",range:("请输入介于{0}和{1}之间的值",max:("请输入一个最大为 {0}的值",min:("请输入一个最小为 {0}的值"};:在class中指定某验证规则的错误消息class="{required:true,accept:'zip',messages:{required:请'选择文件',accept:'请选择正确的文件'}}">(提示:使用时不能换行)方法二:在调用validate(方法时指定某验证规则的错误消息$(function({$("#myForm".validate({messages:{username:{required:"请填写用户名"},email:{required:'请填写email',email:"请填与正确的email"}}};};,如下:p说明:,如:username"class="error">★第三部分:扩展自定义验证规则除了内置的验证规则,validation还允许自定义验证规则。这是通过validation的addMethod(方法实现的,语法 为:("name",function,message其中:1,name为验证规则的名称2,function定义验证的规则。参数有 ?。返回值为?。3,message是验证失败时的提示信息。让错误提示信息显示到指定的位置$(function({$("form".validate({wrapper: 'div'};};对于radio与checkbox等的验证指定附录