EasyUi实现自定义验证

我会带着你远行 2022-08-10 17:38 287阅读 0赞

1.创建一个正则表达式验证的js文件。如validatebox.js,内容如下：//扩展easyui表单的验证

//身份证验证
    var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} 
    function isCardID(sId){ 
    	var iSum=0 ;
    	if(!/^\d{17}(\d|x)$/i.test(sId)) return "你输入的身份证长度或格式错误"; 
    	sId=sId.replace(/x$/i,"a"); 
    	if(aCity[parseInt(sId.substr(0,2))]==null) return "你的身份证地区非法"; 
    	sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2)); 
    	var d=new Date(sBirthday.replace(/-/g,"/")) ;
    	if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "身份证上的出生日期非法"; 
    	for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11) ;
    	if(iSum%11!=1) return "你输入的身份证号非法"; 
    	return true;//aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女") 
    } 
    
    
    
    
    //扩展easyui表单的验证  
    $.extend($.fn.validatebox.defaults.rules, {  
    	//身份证验证
    	idcared: {   
            validator: function(value){  
        		var flag= isCardID(value);
                return flag==true?true:false;  
            },   
            message: '不是有效的身份证号码'  
        },
        //验证汉字  
        CHS: {  
            validator: function (value) {  
                return /^[\u0391-\uFFE5]+$/.test(value);  
            },  
            message: 'The input Chinese characters only.'  
        },  
        //移动手机号码验证  
        Mobile: {//value值为文本框中的值  
            validator: function (value) {  
                var reg = /^1[3|4|5|8|9]\d{9}$/;  
                return reg.test(value);  
            },  
            message: '请输入正确的手机号码!'  
        },  
        //国内邮编验证  
        ZipCode: {  
            validator: function (value) {  
                var reg = /^[0-9]\d{5}$/;  
                return reg.test(value);  
            },  
            message: '邮编格式不正确,必须是6个字符!如:123456@gx.com'  
        },  
      //数字  
        Number: {  
            validator: function (value) {  
                var reg =/^[0-9]*$/;  
                return reg.test(value);  
            },  
            message: 'Please input number.'  
        },  
        
        IPAdderss:
        {
        	  validator: function (value) {  
                  var reg =/^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])$/;  
                  return reg.test(value);  
              },  
              message: 'IP地址输入不正确!如:192.168.0.1'  
        },
        StringLever:
        {
        	validator: function (value) {  
        		if(value.length>0){
        			return reg.test(value);  
        		}
            },  
            message: '不能为空,请选择或输入内容!'  
        }
    })

2.将这个文件导入到要使用验证的页面，进行表单验证是，如验证IP地址，可以在input标签中加data-options="validType:'IPAdderss‘"

3.效果如下：

![Center][]

[Center]: /images/20220810/366e33562a724de98298a88529b6f9e0.png