欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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末尾添加代码
//自定义规则	不包含中文(双字节)
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));
        }
}

当匿名函数定义为三个参数时,method.length值是等于3的,所以不会加入到classRules中去,我觉得判断可以加上isFunction的判断,没有深入研究,不知道这算不算官方的BUG