jquery easyUi ValidateBox

原创 2013年12月03日 11:24:32
//表单验证扩展
$.extend($.fn.validatebox.defaults.rules,
    {    //验证中文
        CHS:{
            validator:function(value){
                return /^[u0391-uFFE5]+$/.test(value);
            },
            message:"只能输入汉字."
        },
        //字符验证
        stringCheck:{
            validator:function(value){
                return /^[u0391-uFFE5w]+$/.test(value);
            },
            message:"只能包括中文字、英文字母、数字和下划线."
        },
        //验证中文,英文,数字
        stringCheckSub:{
            validator:function(value){
                return /^[a-zA-Z0-9u4E00-u9FA5]+$/.test(value);
            },
            message:"只能包括中文字、英文字母、数字."
        },
        englishCheckSub:{
            validator:function(value){
                return /^[a-zA-Z0-9]+$/.test(value);
            },
            message:"只能包括英文字母、数字."
        },
        numberCheckSub:{
            validator:function(value){
                return /^[0-9]+$/.test(value);
            },
            message:"只能输入数字."
        },
        //手机号码验证
        mobile:{
            validator:function(value){
                var reg = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/;           
                return value.length == 11 && reg.test(value);
            },
            message:"请正确填写您的手机号码."
        },
        //电话号码验证
        telephone:{
            validator:function(value){
                //电话号码格式010-12345678
                var reg = /^d{3,4}?d{7,8}$/;              
                return reg.test(value);
            },
            message:"请正确填写您的电话号码."
        },
        //联系电话(手机/电话皆可)验证
        mobileTelephone:{
            validator:function(value){
                var cmccMobile = /^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/;
                var tel = /^d{3,4}?d{7,8}$/;
                return tel.test(value) || (value.length == 11 && cmccMobile.test(value));
            },
            message:"请正确填写您的联系电话."
        },
        //验证国内邮编验证
        zipCode:{
            validator:function(value){
                var reg = /^[1-9]d{5}$/;
                return reg.test(value);
            },
            message:"邮编必须长短0开端的6位数字."
        },
        //身份证号码验证
        idCardNo:{
            validator:function(value){
                return isIdCardNo(value);
            },
            message:"请正确输入您的身份证号码."
        },
        
        //验证两个不同时为空
        //可以自定义提示信息
        
           allNotNull:{
            validator:function(toValue,fromValue){
                if(fromValue ==null || fromValue.length ==0 || fromValue[0]==null || fromValue[0]==""){
                    if(toValue ==null || toValue.length ==0 || toValue[0]==null || toValue[0]==""){
                         $.fn.validatebox.defaults.rules.compareDigit.message="中,英.文名不可同时为空 ";
                         return false;
                    }else{
                        return true;
                        }
                }else
                    {return true;}
            },
            message:""
        },
        
        
        
        
        //数字验证大小,结束值应该大于开始值
        //可以自定义提示信息
        compareDigit:{
            validator:function(toValue,fromValue){
                if(fromValue ==null || fromValue.length ==0 || fromValue[0]==null || fromValue[0]==""){
                    return true;
                }
                if(parseFloat(toValue) > parseFloat(fromValue[0])){
                    return true;
                }else{
                    if(fromValue.length >= 2){
                        $.fn.validatebox.defaults.rules.compareDigit.message = fromValue[1];
                    }else{
                        $.fn.validatebox.defaults.rules.compareDigit.message = '结束值应该大于开始值';
                    }
                    return false
                }
            },
            message:""
        },
        //日期、时间验证大小,结束日期应该大于开始日期
        //可以自定义提示信息
        compareDate:{
            validator:function(toDate,param){
                if(param ==null || param.length ==0 || param[0]==null || param[0]==""){
                    return true;
                }
                if(toDate > param[0]){
                    return true;
                }else{
                    if(param.length >= 2){
                        $.fn.validatebox.defaults.rules.compareDate.message = param[1];
                    }
                    else {
                        $.fn.validatebox.defaults.rules.compareDate.message = '结束日期应该大于开始日期';
                    }
                    return false
                }
            },
            message:''
        }
        //到服务器端验证
        /*remote:{
            validator:function(value,param){
                var params = {};
                params[param[1]] = value;
                $.post(param[0],params,function(data){
                    if(!data.msg){
                        $.fn.validatebox.defaults.rules.account.message = param[2];
                    }                 
                    return data.msg;
                });
            },
            message:""
        }*/
    }
)

//--身份证号码验证-支持新的带x身份证
function isIdCardNo(num)
{
    var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
    var error;
    var varArray = new Array();
    var intValue;
    var lngProduct = 0;
    var intCheckDigit;
    var intStrLen = num.length;
    var idNumber = num;  
    // initialize
    if ((intStrLen != 15) && (intStrLen != 18)) {
        //error = "输入身份证号码长度不对!";
        //alert(error);
        //frmAddUser.txtIDCard.focus();
        return false;
    }  
    // check and set value
    for(i=0;i<intStrLen;i++) {
        varArray[i] = idNumber.charAt(i);
        if ((varArray[i] < '0' || varArray[i] > '9') && (i != 17)) {
            //error = "错误的身份证号码!.";
            //alert(error);
            //frmAddUser.txtIDCard.focus();
            return false;
        } else if (i < 17) {
            varArray[i] = varArray[i]*factorArr[i];
        }
    }
    if (intStrLen == 18) {
        //check date
        var date8 = idNumber.substring(6,14);
        if (isDate8(date8) == false) {
            //error = "身份证中日期信息不正确!.";
            //alert(error);
            return false;
        }      
        // calculate the sum of the products
        for(i=0;i<17;i++) {
            lngProduct = lngProduct + varArray[i];
        }      
        // calculate the check digit
        intCheckDigit = 12 - lngProduct % 11;
        switch (intCheckDigit) {
            case 10:
                intCheckDigit = 'X';
                break;
            case 11:
                intCheckDigit = 0;
                break;
            case 12:
                intCheckDigit = 1;
                break;
        }      
        // check last digit
        if (varArray[17].toUpperCase() != intCheckDigit) {
            //error = "身份证效验位错误!...正确为: " + intCheckDigit + ".";
            //alert(error);
            return false;
        }
    }
    else{        //length is 15
        //check date
        var date6 = idNumber.substring(6,12);
        if (isDate6(date6) == false) {
            //alert("身份证日期信息有误!.");
            return false;
        }
    }
    //alert ("Correct.");
    return true;
}

/**
* 判断是否为“YYYYMM”式的时期
*
*/
function isDate6(sDate) {
   if(!/^[0-9]{6}$/.test(sDate)) {
      return false;
   }
   var year, month, day;
   year = sDate.substring(0, 4);
   month = sDate.substring(4, 6);
   if (year < 1700 || year > 2500) return false
   if (month < 1 || month > 12) return false
   return true
}
/**
* 判断是否为“YYYYMMDD”式的时期
*
*/
function isDate8(sDate) {
   if(!/^[0-9]{8}$/.test(sDate)) {
      return false;
   }
   var year, month, day;
   year = sDate.substring(0, 4);
   month = sDate.substring(4, 6);
   day = sDate.substring(6,;
   var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31]
   if (year < 1700 || year > 2500) return false
   if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) iaMonthDays[1]=29;
   if (month < 1 || month > 12) return false
   if (day < 1 || day > iaMonthDays[month - 1]) return false
   return true
}

相关文章推荐

jQuery EasyUI解决输入框在屏幕右侧造成ValidateBox提示信息超出屏幕不可见.

EasyUI的 ValidateBox的提示信息是在右侧的,而且不支持自动适应和配置,当输入框在屏幕右侧这就比较麻烦   先看一下我解决后的效果:   主要修改内容:修改了js文件还有cs...

JQUERY EASYUI 验证框(VALIDATEBOX)用法

Query EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法,下面来介绍一下验证框(ValidateBox)的详细用法(查看演示): HTML 代码 ...

jQuery-EasyUI validatebox+正则表达式实现验证

本博文转自http://blog.csdn.net/dandanzmc/article/details/36421465#comments,感谢原博主。特此转载过来,供学习之用。 Valida...

Jquery EasyUI --ValidateBox验证框

最近做的需求当中,大量用到了正则表达式来校验用户输入的信息是否正确,接下来做一些总结,项目的前台框架是Jquery EasyUI + DWR,用ValidateBox验证框来验证用户输入信息,列举2个...

jQuery EasyUI自定义validatebox

发表于53分钟前(2013-10-18 11:45) , 已有4次阅读 ,共0个评论 1 自定义validatebox验证,验证用户名,密码。...
  • jumtre
  • jumtre
  • 2014年08月19日 13:34
  • 10093

jQuery Easyui Validatebox rules的常用扩展

/** 002  * auther by GodSon 003  * ...

Jquery easyui的validatebox控件和正则表达式

Validatebox是EasyUI的验证控件,它支持很多验证,比如说是否是email、是否是url等,保证我们输入的数据在进行处理前能够确保其完整性和正确性。验证可以实现在数据层和业务规则层,但应当...

Jquery Easyui验证组件ValidateBox使用详解

这篇文章主要为大家详细介绍了Jquery Easyui自定义下拉框组件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了Jquery Easyui验证组件的实...

jQuery EasyUI validatebox 验证类型

required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", d...
  • jumtre
  • jumtre
  • 2014年08月19日 13:24
  • 5268

jQuery EasyUI---validatebox 校验规则扩展

Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦! input文本框允许用...
  • rchm8519
  • rchm8519
  • 2015年01月30日 01:22
  • 14240
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery easyUi ValidateBox
举报原因:
原因补充:

(最多只允许输入30个字)