2018-10-16 EasyUI 验证框

关于 多个验证框动态绑定验证方式

//给表单增加必填项设置
function initValidatebox(){
    
    var option = {  //相当于var[] option=new option{xcsa,saca,acac}
            "#bt":{
                needRequiredNode:["NAME"],
                rules:[{
                    name:["FLOATSPEED","A_PORT_NAME"],
                    reg:/^aa/,
                    msg:""
                },{
                    name:["FLOATSPEED"],
                    reg:/^aa/,
                    msg:""
                },{
                    
                }]
            },
//建议用上边的动态绑定  下边的属于硬编码
            "#xz":{
                needRequiredNode:["BILLINGCODE","A_PORT_NAME","B_PORT_NAME"],
                rules:["FLOATSPEED","A_VLAN","Z_VLAN","A_MACHINE_CITY","Z_MACHINE_CITY","BILLINGCODE"] //20 20 20 200 200 50 50 50
                
            },
            "#yj":{
                needRequiredNode:["BILLINGCODE","A_PORT_NAME","B_PORT_NAME"],
                rules:["FLOATSPEED","A_VLAN","Z_VLAN","A_MACHINE_CITY","Z_MACHINE_CITY","BILLINGCODE","A_NEW_SITE","Z_NEW_SITE"]
            },
            "#ts":{
                needRequiredNode:["BILLINGCODE","A_PORT_NAME","B_PORT_NAME"],
                rules:["FLOATSPEED","A_VLAN","Z_VLAN","A_MACHINE_CITY","Z_MACHINE_CITY","BILLINGCODE"] // 20 20 20 200 200 50
            },
            "#cj":{
                needRequiredNode:[],
                rules:[]
            }
    }
    for(key in option){
        option[key].needRequiredNode.forEach(function(item){  //item就是参数
            $(key).find("input[name="+item+"]").validatebox({
                required:true,
                novalidate:true
            })
        })
        //循环遍历增添长度限制属性   此处为硬编码  不建议使用 
        for (var int = 0; int < option[key].rules.length; int++) {
            if(int<3){
                $(key).find("input[name="+option[key].rules[int]+"]").attr("maxlength",10);
            }
            else if(int<5){
                $(key).find("input[name="+option[key].rules[int]+"]").attr("maxlength",100);
            }
            else{
                $(key).find("input[name="+option[key].rules[int]+"]").attr("maxlength",25);
            }
            
        }
    }
}   

easyui 电话验证

//验证手机号,固话
    function upperCase(obj){
        var option=$(obj);
        option.validatebox({
            validType:"telNum"
        })
    }
//验证手机号,固话方法
    $.extend($.fn.validatebox.defaults.rules, {    
            telNum:{ //既验证手机号，又验证座机号
               validator: function(value, param){ 
                   return /(^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$)|(^((\d3\d3)|(\d{3}\-))?(1[358]\d{9})$)/.test(value);
                },    
                   message: '请输入正确的电话号码。' 
             }  
    });

必填input 的验证

//对增加必填项的input进项验证
function formTest(){
    var i=true; 
    var a;  
    var b=['[name="BILLINGCODE"]','[name="A_PORT_NAME"]','[name="B_PORT_NAME"]'];
    for (var int = 0; int < b.length; int++) {
        a=currentForm.find(b[int]); 
        a.validatebox("enableValidation");
        i&=a.validatebox("isValid");
    }
    
    $('[name="NAME"]').validatebox("enableValidation");
    i&=$('[name="NAME"]').validatebox("isValid");
    return i;
}