jquery.validate.js addMethod添加自定义方法无法作为class验证规则
程序员文章站
2022-06-15 19:47:33
...
环境:
jquery.validate-1.15.js、chrome浏览器
业务:
添加一个自定义非中文验证,并添加在form标签的class上
步骤:
1、在项目中引入additional-methods.js文件
2、在additional-methods.js末尾添加代码
3、将规则noCn添加到表单输入框中
<form:input path="roomcode" htmlEscape="false" maxlength="20" class="input-xlarge required noCn"/>
4、输入中文,验证
结果:
未进入自定义验证方法中。
修复:
自定义方法更改为
总结:
jquery.validate.js源文件中的addMethod方法定义如下:
当匿名函数定义为三个参数时,method.length值是等于3的,所以不会加入到classRules中去,我觉得判断可以加上isFunction的判断,没有深入研究,不知道这算不算官方的BUG
jquery.validate-1.15.js、chrome浏览器
业务:
添加一个自定义非中文验证,并添加在form标签的class上
步骤:
1、在项目中引入additional-methods.js文件
2、在additional-methods.js末尾添加代码
//自定义规则 不包含中文(双字节) jQuery.validator.addMethod("noCn", function(value, element, param) { return !(/[^\x00-\xff]/.test(value)); }, jQuery.format("不能输入中文"));
3、将规则noCn添加到表单输入框中
<form:input path="roomcode" htmlEscape="false" maxlength="20" class="input-xlarge required noCn"/>
4、输入中文,验证
结果:
未进入自定义验证方法中。
修复:
自定义方法更改为
jQuery.validator.addMethod("noCn", function(value) { return !(/[^\x00-\xff]/.test(value)); }, jQuery.format("不能输入中文"));
总结:
jquery.validate.js源文件中的addMethod方法定义如下:
引用
addMethod: function( name, method, message ) {
$.validator.methods[name] = method;
$.validator.messages[name] = message !== undefined ? message : $.validator.messages[name];
if ( method.length < 3 ) {
$.validator.addClassRules(name, $.validator.normalizeRule(name));
}
}
$.validator.methods[name] = method;
$.validator.messages[name] = message !== undefined ? message : $.validator.messages[name];
if ( method.length < 3 ) {
$.validator.addClassRules(name, $.validator.normalizeRule(name));
}
}
当匿名函数定义为三个参数时,method.length值是等于3的,所以不会加入到classRules中去,我觉得判断可以加上isFunction的判断,没有深入研究,不知道这算不算官方的BUG
下一篇: 两两交换链表中的节点