您的位置:首页 > 产品设计 > UI/UE

easyui自定义表单验证规则

2018-01-25 09:51 651 查看
(function($) {

    /**

     * 新增 validatebox 校验规则

     *

     */
/** 
* 扩展easyui的validator插件rules,支持更多类型验证 
*/  
$.extend($.fn.validatebox.defaults.rules, {  
equaldDate: {  //日期
       validator: function (value, param) {  
            var start = $(param[0]).datetimebox('getValue');   
            return value > start; 
       },  
       message: '预计还款日期应大于申请日期!' 
      },

           minLength : { // 判断最小长度  
               validator : function(value, param) {  
                   return value.length >= param[0];  
               },  
               message : '最少输入 {0} 个字符'  
           },  
           length : { // 长度  
               validator : function(value, param) {  
                   var len = $.trim(value).length;  
                   return len >= param[0] && len <= param[1];  
               },  
               message : "输入内容长度必须介于{0}和{1}之间"  
           },  
           phone : {// 验证电话号码  
               validator : function(value) {  
                   return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);  
               },  
               message : '格式不正确,请使用下面格式:020-88888888'  
           },
           mailbox : {// 验证邮箱  
               validator : function(value) { 
                   return /^[0-9a-zA-Z]+@(([0-9a-zA-Z]+)[.])+[a-z]{2,4}$/i.test(value);  
               },  
               message : '格式不正确,请使用下面格式:abcxyz@baidu.com'  
           },
           mobile : {// 验证手机号码  
               validator : function(value) {  
                   return /^(13|15|18)\d{9}$/i.test(value);  
               },  
               message : '手机号码格式不正确'  
           },  
           phoneAndMobile : {// 电话号码或手机号码  
               validator : function(value) {  
                   return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value) || /^(13|15|18)\d{9}$/i.test(value);  
               },  
               message : '电话号码或手机号码格式不正确'  
           },  
           idcard : {// 验证身份证  
               validator : function(value) {  
                   return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value) || /^\d{18}(\d{2}[A-Za-z0-9])?$/i.test(value);  
               },  
               message : '身份证号码格式不正确'  
           },  
           intOrFloat : {// 验证整数或小数  
           
validator : function(value) {  
                   return /^([0-9][0-9]*)+(.[0-9]{1,2})?$/i.test(value);  
               },  
               message : '格式错误,例:99.99'  
           },  
           currency : {// 验证货币  
               validator : function(value) {  
                   return /^\d+(\.\d+)?$/i.test(value);  
               },  
               message : '货币格式不正确'  
           },  
           qq : {// 验证QQ,从10000开始  
               validator : function(value) {  
                   return /^[1-9]\d{4,9}$/i.test(value);  
               },  
               message : 'QQ号码格式不正确'  
           },  
           integer : {// 验证整数  
               validator : function(value) {  
                   return /^[+]?\d{1,10}$/i.test(value);  
               },  
               message : '请输入10位以内的整数'  
           },  
           chinese : {// 验证中文  
               validator : function(value) {  
                   return /^[\u0391-\uFFE5]+$/i.test(value);  
               },  
               message : '请输入中文'  
           },  
           chineseAndLength : {// 验证中文及长度  
               validator : function(value, param) {  
                   var len = $.trim(value).length;  
                   if (len >= param[0] && len <= param[1]) {  
                       return /^[\u0391-\uFFE5]+$/i.test(value);  
                   }  
               },  
               message : '请输入中文'  
           },  
           english : {// 验证英语  
               validator : function(value) {  
                   return /^[A-Za-z]+$/i.test(value);  
               },  
               message : '请输入英文'  
           },  
           englishAndSpace : {// 验证英语  
               validator : function(value) {  
                   return /^[A-Za-z\s]+$/i.test(value);  
               },  
               message : '请输入英文'  
           },  
           englishAndLength : {// 验证英语及长度  
               validator : function(value, param) {  
       
1378f
           var len = $.trim(value).length;  
                   if (len >= param[0] && len <= param[1]) {  
                       return /^[A-Za-z]+$/i.test(value);  
                   }  
               },  
               message : '请输入英文'  
           },  
           englishUpperCase : {// 验证英语大写  
               validator : function(value) {  
                   return /^[A-Z]+$/.test(value);  
               },  
               message : '请输入大写英文'  
           },  
           unnormal : {// 验证是否包含空格和非法字符  
               validator : function(value) {  
                   return /.+/i.test(value);  
               },  
               message : '输入值不能为空和包含其他非法字符'  
           },  
           username : {// 验证用户名  
               validator : function(value) {  
                   return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);  
               },  
               message : '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'  
           },  
           faxno : {// 验证传真  
               validator : function(value) {  
                   return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);  
               },  
               message : '传真号码不正确'  
           },  
           zip : {// 验证邮政编码  
               validator : function(value) {  
                   return /^[1-9]\d{5}$/i.test(value);  
               },  
               message : '邮政编码格式不正确'  
           },  
           ip : {// 验证IP地址  
               validator : function(value) {  
                   return /d+.d+.d+.d+/i.test(value);  
               },  
               message : 'IP地址格式不正确'  
           },  
           name : {// 验证姓名,可以是中文或英文  
               validator : function(value) {  
                   return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);  
               },  
               message : '请输入姓名'  
           },  
           engOrChinese : {// 可以是中文或英文  
               validator : function(value) {  
                   return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);  
               },  
               message : '请输入中文'  
           },  
           engOrChineseAndLength : {// 可以是中文或英文  
               validator : function(value, param) {  
                   var len = $.trim(value).length;  
                   if (len >= param[0] && len <= param[1]) {  
                       return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);  
                   }  
               },  
               message : '请输入中文或英文'  
           },  
           carNo : {  
               validator : function(value) {  
                   return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);  
               },  
               message : '车牌号码无效(例:粤B12350)'  
           },  
           carenergin : {  
               validator : function(value) {  
                   return /^[a-zA-Z0-9]{16}$/.test(value);  
               },  
               message : '发动机型号无效(例:FG6H012345654584)'  
           },  
           same : {  
               validator : function(value, param) {  
                   if ($("#" + param[0]).val() != "" && value != "") {  
                       return $("#" + param[0]).val() == value;  
                   } else {  
                       return true;  
                   }  
               },  
               message : '两次输入的密码不一致!'  
           } , 
           integerFlag : {// 验证整数  
           
validator : function(value,param) {  
           
if(!isNaN(value)){
           
if(Number(value)>-1 && value.length>=param[0] && value.length <= param[1]){
           
return /^([0-9])+$/.test(value);
           
}else{
           
return false;
           
}
           
}else{
           
return false;
           
}
               },  
               message : '请输入{0}到{1}位的正整数' 
           },requireRadio: {  //验证radio
               validator: function(value, param){  
                   var input = $(param[0]);
                   input.off('.requireRadio').on('click.requireRadio',function(){
                       $(this).focus();
                   });
                   return $(param[0] + ':checked').val() != undefined;
               },  
               message: '{1}请选择其中一个'  
           },between: {  //验证radio
           
validator : function(value, param) {  
                   return value-0 >= param[0]-0 && value-0 <= param[1]-0;  
               },  
               message : "输入数字大小必须介于{0}和{1}之间"  
           },integerx : {// 验证整数  
           
validator : function(value,param) {  
                   return /^\d{8,8}$/i.test(value);  
               },  
               message : '请输入{0}位整数' 
           } ,integery : {// 验证整数  
           
validator : function(value,param) {  
                   return /^\d{10,10}$/i.test(value);  
               },  
               message : '请输入{0}位整数' 
           },floatss: {// 验证整数或小数(借款申请) 
           
validator : function(value) {  
                   return /^\d{0,9}|^\d{0,9}\.\d{2,2}$/i.test(value);  
               },  
               message : '格式错误,例:99.99'  
           } ,
           floatLength:{
           
validator:function(value, param){
           
value = $.trim(value);
           
if(!isNaN(value)){
           
var val = value.split('.');
           
if(val.length>1 && val.length==2){
           
if(parseInt(val[0])>=0 && val[1] != '' && val[0].length < 10 && val[1].length < 3){
           
var pattern1 = new RegExp( "^\d{0,"+param[0]+ "}|^\d{0,"+param[0]+"}\.\d{"+param[1]+","+param[1]+"}$/i").test(value); 
           
return pattern1;
           
}else{
           
return false;
           
}
           
}else{
           
if(value.length > param[0]){
           
return false;
           
}else{
           
return true;
           
}
           
}
           
}else{
           
return false;
           
}
           
},
           
message:'请输入整数位数不大于{0},小数位数不大于{1}的数字'
           },
       bankNo: {
       validator: function(value){
       
var len = $.trim(value).length;
       
if(len != 19){
       
return false;
       
}else{
       
var reg = /^\d{1,19}$/g; // 以19位数字开头,以19位数字结尾 
       
   if(reg.test(value))
       
   {
       
     return true;
       
   }else{
       
      return false;
       
   }
       
}
       },
       message: '请输入1-19位的银行卡号'
    },
    bankNoI: {
    validator: function(value, param){
    var len = $.trim(value).length;
    if(len>= param[0] && len<=param[1]){
    var reg = /^([0-9])+$/; // 以19位数字开头,以19位数字结尾 
    if(reg.test(value))
    {
    return true;
    }else{
    return false;
    }
    }else{
    return false;
    }
    },
    message: '请输入{0}-{1}位的银行卡号'
    },
    engOrNum:{
    validator:function(value, param){
    var len = $.trim(value).length;  
                   if (len >= param[0] && len <= param[1]) {  
                   
return /^[a-zA-Z\d]+$/.test(value);
                   }else{
                   
return false;
                   }
    },
    message:'请输入英文、数字或英文数字组合'
    },
    fileSize : {
    validator : function(value, array) {
    var size = array[0];
    var unit = array[1];
    if (!size || isNaN(size) || size == 0) {
    $.error('验证文件大小的值不能为 "' + size + '"');
    } else if (!unit) {
    $.error('请指定验证文件大小的单位');
    }
    var index = -1;
    var unitArr = new Array("bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb");
    for (var i = 0; i < unitArr.length; i++) {
    if (unitArr[i] == unit.toLowerCase()) {
    index = i;
    break;
    }
    }
    if (index == -1) {
    $.error('请指定正确的验证文件大小的单位:["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"]');
    }
    // 转换为bytes公式
    var formula = 1;
    while (index > 0) {
    formula = formula * 1024;
    index--;
    }
    // this为页面上能看到文件名称的文本框,而非真实的file
    var totalSize = 0;
    var filell = $(this).next();
    var zSize = value.split(",").length;
    for(var i=0;i<zSize;i++){
    var FileOne = filell.get(0);
    if(FileOne&&FileOne.files){
    var Fileitem = FileOne.files[i];
    if(Fileitem){
    totalSize += Fileitem.size;
    }
 
    }
    } 
   
    return totalSize < parseFloat(size) * formula;
    },
    message : '文件大小必须小于 {0}{1}'

    }
});  
/** 
* 扩展easyui validatebox的两个方法.移除验证和还原验证 
*/  
$.extend($.fn.validatebox.methods, {  
           remove : function(jq, newposition) {  
               return jq.each(function() {  
                   $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').unbind('blur.validatebox');  
                       // remove tip  
                       // $(this).validatebox('hideTip', this);  
                   });  
           },  
           reduce : function(jq, newposition) {  
               return jq.each(function() {  
                   var opt = $(this).data().validatebox.options;  
                   $(this).addClass("validatebox-text").validatebox(opt);  
                       // $(this).validatebox('validateTip', this);  
                   });  
           },  
           validateTip : function(jq) {  
               jq = jq[0];  
               var opts = $.data(jq, "validatebox").options;  
               var tip = $.data(jq, "validatebox").tip;  
               var box = $(jq);  
               var value = box.val();  
               function setTipMessage(msg) {  
                   $.data(jq, "validatebox").message = msg;  
               };  
               var disabled = box.attr("disabled");  
               if (disabled == true || disabled == "true") {  
                   return true;  
               }  
               if (opts.required) {  
                   if (value == "") {  
                       box.addClass("validatebox-invalid");  
                       setTipMessage(opts.missingMessage);  
                       $(jq).validatebox('showTip', jq);  
                       return false;  
                   }  
               }  
               if (opts.validType) {  
                   var result = /([a-zA-Z_]+)(.*)/.exec(opts.validType);  
                   var rule = opts.rules[result[1]];  
                   if (value && rule) {  
                       var param = eval(result[2]);  
                       if (!rule["validator"](value, param)) {  
                           box.addClass("validatebox-invalid");  
                           var message = rule["message"];  
                           if (param) {  
                               for (var i = 0; i < param.length; i++) {  
                                   message = message.replace(new RegExp("\\{" + i + "\\}", "g"), param[i]);  
                               }  
                           }  
                           setTipMessage(opts.invalidMessage || message);  
                           $(jq).validatebox('showTip', jq);  
                           return false;  
                       }  
                   }  
               }  
               box.removeClass("validatebox-invalid");  
               $(jq).validatebox('hideTip', jq);  
               return true;  
           },  
           showTip : function(jq) {  
               jq = jq[0];  
               var box = $(jq);  
               var msg = $.data(jq, "validatebox").message  
               var tip = $.data(jq, "validatebox").tip;  
               if (!tip) {  
                   tip = $("<div class=\"validatebox-tip\">" + "<span class=\"validatebox-tip-content\">" + "</span>" + "<span class=\"validatebox-tip-pointer\">" + "</span>" + "</div>").appendTo("body");  
                   $.data(jq, "validatebox").tip = tip;  
               }  
               tip.find(".validatebox-tip-content").html(msg);  
               tip.css({  
                           display : "block",  
                           left : box.offset().left + box.outerWidth(),  
                           top : box.offset().top  
                       });  
           },  
           hideTip : function(jq) {  
               jq = jq[0];  
               var tip = $.data(jq, "validatebox").tip;  
               if (tip) {  
                   tip.remove;  
                   $.data(jq, "validatebox").tip = null;  
               }  
           }  
       });  

})(jQuery);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐