-
rules中的校验方法都可以定义depends属性，表示当条件满足时返回true，则执行校验方法 针对参数为boolean类型的校验方法： required:{ //只有depends:function(element)返回true，required校验方法才起作用 depends:function(element){ //:filled是Validation自带的选择器，匹配填写内容的元素 return $("#password").is(":filled") } } 针对参数为非boolean类型的校验方法如下： maxlength:{ param:2 //只有depends:function(element)返回true，maxlength校验方法的值才设置为2 depends:function(element){ //:filled是Validation自带的选择器，匹配填写内容的元素 return $("#password").is(":filled") } } } groups的使用如下： groups:{login:"username password confirm-password"} //对一组元素进行验证 errorPlacement:function(error,element){ //对一组元素验证后错误信息显示 error.insertBefore("#info");//将一组元素的错误信息都显示在id="info"的元素上 }查看全部
-
validate()方法配置项一： --submitHandler:通过验证后运行的函数，可以加上表单的提交方法 submitHandler:function(form){ //提交表单或者其他的操作都可以 $(form).submit(); } --invalidHandler:无效表单提交后运行的函数 如：invalidHandler:function(event,validator){ //event:无效验证触发的事件 //validator:对象 } 也可以写事件来触发invalidHandler的event事件，如： $("#form").on("invalid-form",function(event,validator){ }) --ignore:对某些元素不进行验证 --rules:定义校验规则 --messages:定义提示信息 groups:对一组元素的验证，用一个错误提示，用errorPlacement控制把错误信息放在哪里查看全部
-
Validator对象的静态方法： 1、jQuery.validator.addMethod(name,method[,message])：增加自定义的验证方法 2、jQuery.validator.format(template,argument,argumentN...)：格式化字符串，用参数代替模板中的{n} 如：var template=$.validator.format("{0}-{1}-{2}"); template("你","我","他")或template(["你","我","他"])则输出"你-我-他"，参数个数不够则会输出{n}来代替 3、jQuery.validator.setDefaults(options)：修改插件默认设置 如：$.validator.setDefaults({debug:true});表示给所有的表单都设置 4、jQuery.validator.addClassRules(name,rules)：为某些class属性值包含name的元素增加验证规则 如：$.validator.addClassRules({text:{required:true,minlength:5}});表示给class="text"的元素添加验证规则查看全部
-
validate方法返回Validator对象，Validator对象的方法如下： 1、Validator.form()：验证表单是否有效，返回true/false； 2、Validator.element(element)：验证某个元素是否有效，返回true/false； 如：validator.element("#username") 3、Validator.resetForm()：把表单恢复到验证前原来的状态，会清除显示的验证错误信息 4、Validator.showErrors(errors)：针对某个元素显示特定的错误信息 如：Validator.showErrors({username:"xxxxxx",passworld:"xxxxx"})，新的错误信息会立即显示 5、Validator.numberOfInvailds()：返回无效(即没通过验证的)的元素数量查看全部
-
valid()方法：检查表单或某些元素是否有效，返回值为boolean型， 全部通过检查规则返回true，只要有不通过的检查规则都返回false rules()方法：获取表单元素的校验规则 rules("add",rules)：向表单元素增加校验规则，返回增加后的校验规则 如：$("#username").rules("add",{email:true,maxlength:10}); rules("remove",rules)：删除表单元素校验规则，返回删除的校验规则，而非删除后的校验规则。 如：$("#username").rules("remove","email maxlength");查看全部
-
validation插件的基本验证方法之四： 13、number：数字验证，任意整形、非整形、负数、整数皆可 14、digits：整数验证，必须为大于等于0的数字 PS：以上验证方法的值为boolean，true表示进行验证 15、equalTo：与另一个元素值相等验证，值为选择器，表示是和那一个元素的值比较 如：equalTo:"#password"，表示用当前元素的值和id="password"元素的值相比较查看全部
-
validation插件的基本验证方法之三： 9、email：Email格式校验 10、url：url格式校验，需要带“http://”或“https://”等前缀 11、date：日期校验，使用的是js的date类型，只要能被Date.parse识别的都是有效的 12、dateISO：ISO日期校验，格式必须为yyyy/MM/dd或yyyy-MM-dd的 PS：以上验证方法的值都是boolean类型，true表示进行验证查看全部
-
validation插件的基本验证方法之二： 长度校验： 3、minlength：最小长度验证 4、maxlength：最大长度验证 5、rangelength：长度范围， 如：rangelength:[minlength,maxlength]可用于代替minlength和maxlength 数值校验 6、min：数值最小值校验 7、max：数值最大值校验 8、range：数值范围校验， range:[min,max]可代替min和max PS：以上验证方法的值都为数字查看全部
-
validation插件的基本验证方法之一： 1、required：必填校验（true表示必填） 2、remote：远程校验，用于通过访问服务器来校验数据的有效性； 如校验用户名是否存在 remote用法： 1、remote使用get请求访问服务器 访问服务器后返回校验结果：正常的时候返回true，检验不通过的时候返回错误提示信息 remote:url 2、remote使用post请求访问服务器 remote:{ url:请求地址 type：请求类型post/get data:{ 需要传递的参数 } }查看全部
-
基本验证方法查看全部
-
两个概念： method：验证方法，指的是校验的逻辑 rule：验证规则，指的是元素和验证方法的关联 validate()方法：validation插件的核心方法，定义了基本的校验规则和一些有用的配置项。 如：debug参数设置为true，则表单不会提交，只进行检查，用于调试。查看全部
-
表单验证方法查看全部
-
客户端校验安全 可以通过开发人员工具的控制台中使用命令将前端校验规则去除，所以服务端永远都不要相信客户端任何传来的数据。查看全部
-
validation的国际化查看全部
-
自定义验证方法： $.validator.addMethod(name,method[,message]) name:验证方法名称， method:function(value(验证元素的值),element(被验证的元素),params(验证方法的值，如minlength:2，则params为2))方法逻辑 message:提示消息 代码解释： this.optional(element)：元素填写值才会触发的该验证方法，没值不验证 postcode.test(value)：对元素的值进行正则表达式判断，符合正则表达式返回true additional-methods.js包含了很多扩展验证方法。在写自定义方法时可以参考这个js库查看全部
举报
0/150
提交
取消