easyUI 本身有自带的一些validType,也很好用。但是如果你要同时使用其中的多个,则不太方便,只能自己动手去实现一个。但是这种实在太麻烦。其实,稍微改下代码就行。
在你的easyUI的js里头,找到如下代码(版本不一样,可能不一样,可用“if(opts.validType)”搜索)
if(opts.validType){
var _384=/([a-zA-Z_]+)(.*)/.exec(opts.validType);
var rule=opts.rules[_384[1]];
if(_381&&rule){
var _385=eval(_384[2]);
if(!rule["validator"](_381,_385)){
box.addClass("validatebox-invalid");
var _386=rule["message"];
if(_385){
for(var i=0;i<_385.length;i++){
_386=_386.replace(new RegExp("\\{"+i+"\\}","g"),_385[i]);
}
}
_382(opts.invalidMessage||_386);
_37c(_380);
return false;
}
}
}
改成
if(opts.validType){
var _b_validTypes = (opts.validType).split(/&/g);
for(var typei=0;typei<_b_validTypes.length;typei++){
var _384=/([a-zA-Z_]+)(.*)/.exec(_b_validTypes[typei]);
var rule=opts.rules[_384[1]];
if(_381&&rule){
var _385=eval(_384[2]);
if(!rule["validator"](_381,_385)){
box.addClass("validatebox-invalid");
var _386=rule["message"];
if(_385){
for(var i=0;i<_385.length;i++){
_386=_386.replace(new RegExp("\\{"+i+"\\}","g"),_385[i]);
}
}
_382(opts.invalidMessage||_386);
_37c(_380);
return false;
}
}
}
}
就是通过一定的标识(比如&),分割validType,然后循环实现。简单吧。
接下来,在页面直接使用validType="maxLength[2]&numberType"就行了。既实现长度不超过2,又实现输入的必须是数字的判断。