教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery easyui如何支持验证多种类型

Jquery easyui如何支持验证多种类型

发布时间:2015-12-31   编辑:jiaochengji.com
本文介绍了Jquery easyui如何支持验证多种类型的方法,感兴趣的朋友参考下。

例子,jquery easyui验证。
 

复制代码 代码示例:

<!--StartFragment -->
为了能够同时进行多种验证,我对其进行了如下扩展:
multipleValidType:{validator:function(_2fca,_2fda){
var opts = $.fn.validatebox.defaults;
var returnFlag = true;
for(var i = 0 ; i < _2fda.length ; i++){

var _2f31=/([a-zA-Z_]+)(.*)/.exec(_2fda[i]);
var rule=opts.rules[_2f31[1]];
if(_2fca&&rule){
var _2f41=eval(_2f31[2]);
if(!rule["validator"](_2fca,_2f41)){
returnFlag = false;
break;
}
}

}
return returnFlag;
},message:"Multiple ValidType needed"}
 

如有问题希望大家提出!
使用方式:

复制代码 代码示例:
<input type="text" name="org.oemail" class="easyui-validatebox" validType="multipleValidType['email','length[0,20]']" size="23" />

解决方法:
 

复制代码 代码示例:
multipleValidType : { 
    validator : function(value, param){ 
        var opts = $.fn.validatebox.defaults; 
        var returnFlag = true; 
         
        for(var i = 0 ; i < param.length ; i++){ 
            var result = /([a-zA-Z_]+)(.*)/.exec(param[i]); 
            //console.info("result=="+result);//result==length[0,30],length,[0,30] 或者 result==dirtyChar,dirtyChar, 
            var rule = opts.rules[result[1]]; 
             
            if(value && rule){ 
                var ruleParam = eval(result[2]); 
                //console.info("ruleParam=="+ruleParam);//ruleParam==0,30 
                if(!rule["validator"](value, ruleParam)){ 
                    var message = rule["message"]; 
                    if (ruleParam) { 
                        for ( var i = 0; i < ruleParam.length; i++) { 
                            message = message.replace(new RegExp("\\{" + i + "\\}", "g"), ruleParam[i]); 
                        } 
                    } 
                     
                    $.fn.validatebox.defaults.rules.multipleValidType.message = message; 
                     
                    returnFlag = false; 
                    break; 
                }    
            } 
        } 
        return returnFlag; 
    }, 
    message : "" 

要显示对应规则的message,主要是这句:
$.fn.validatebox.defaults.rules.multipleValidType.message = message; 

不过,easyui新的版本中是不是已经有这条规则了。

您可能感兴趣的文章:
Jquery easyui如何支持验证多种类型
Jquery easyui之datagird查询框扩展示例
JavaScript表单验证类库 Validate.js
表单验证插件 jQuery formValidator
jquery easyui验证简单示例
jquery easyUI创建分组属性编辑器
初试jQuery EasyUI 使用介绍
php使用EasyUI DataGrid获取资料的方式
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
jQuery EasyUI 开源插件套装 完全替代ExtJS

关键词: easyui  jquery easyui  验证   
[关闭]
~ ~