最近总是被校验折磨,在写自己的表单生成+校验+序列化+ajax上传的模板js的时候。 所以我又多了一些表单校验的方式,写完innerHTML、append之后就是看能不能用上jquery.validate.js了。 在这里写下遇到的一些问题:
1.rules validate的rules的格式是这样子的:
但为了让“用户”能写更少的js代码,我传了一个对象进来,各种尝试转换成图上形式无果,于是我采用了拼接,打印出来是这样:
,但是报错了:
Uncaught TypeError: Cannot use 'in' operator to search for '45' in {name:{required:true,minlength:5,maxlength:7 }
一查,原来是不能遍历字符串。 通过这件事情,我明白了2个简单的道理: 1.拼接之后类型是字符串。 2.validate的检验机制是遍历规则 并触发验证。
ps:后来这个问题被大神解决了。 var rules2[validItem] = {required: validRules.required, minlength:validRules.minlength,maxlength:validRules.maxlength};
2.一个form表单只能调用一次validate(),若重复调用则以第一个为准。 然后,我目前还没找到 重新初始化或者销毁validate的方法
3.自定义正则表达式校验:
jQuery.validator.addMethod("Reg", function (value, element,reg) {
return this.optional(element) || reg.test(value);
}, "输入的数据项无效");
用的时候在rules里像required一样使用就行,比如: Reg:/[0-9A-Fa-f]/