jquery.validate.js addMethod添加自定义方法无法作为class验证规则

环境:
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

猜你喜欢

转载自fengjianrong.iteye.com/blog/2297823