`

jquery easyUi ValidateBox

 
阅读更多
//表单验证扩展
$.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 验证框

    本篇将详细探讨"jQuery+easyui validatebox"这一主题,以及如何利用它们实现高效的数据验证。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。通过提供简洁的API,jQuery...

    easyui validatebox验证类型

    easyui validatebox 验证类型 EasyUI 的 ValidateBox 验证组件可以对表单字段进行多种类型的验证,包括必选字段、邮件、电话、数字、日期、网址、信用卡号等各种格式的验证。 必选字段验证 ValidateBox 的 ...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...

    jquery easyui validatebox remote的使用详解

    总结起来,jquery easyui validatebox的remote属性是实现复杂验证规则的有效方式,它将前端验证与后端验证相结合,为开发者提供了一种灵活的输入验证解决方案。通过这种方式,可以充分利用服务器端的资源和验证逻辑...

    jQuery EasyUI API 中文文档 - ValidateBox验证框

    在 jQuery EasyUI 中,ValidateBox 可以通过设置 `required` 和 `validType` 属性来定义验证规则。`required` 属性用于指定字段是否必须填写,如果设置为 `true`,那么当字段为空时会触发验证失败。`validType` 属性...

    JQuery EasyUI 1.0.5 离线文档

    jQuery EasyUI 1.0.5增加了validatebox组件的的校验器。 4. jQuery EasyUI 1.0.5改进了dialog组件,目前dialog组件可以从标记中读取collapsible,minimizable,maximizable和 resizable属性 5. jQuery EasyUI 1.0.5...

    jquery easyui 模板

    **jQuery EasyUI 模板详解** jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它提供了一系列的 UI 组件,如对话框、表格、菜单、按钮等,帮助开发者快速构建具有专业外观的 Web 应用程序。这个模板是为初学者和...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    Jqueryeasyui文档

    《jQuery EasyUI 文档详解与应用实践》 jQuery EasyUI 是一个基于 jQuery 的前端框架,它为开发者提供了大量的可重用的 UI 组件,极大地简化了网页界面的开发过程。这个文档集合包含了丰富的 jQuery 相关方法和 ...

    JQueryEasyUI的增删查改

    "JQueryEasyUI的增删查改"是Web应用中最基本的功能,通常指的是创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作,也就是常说的CRUD操作。这些功能对于任何数据管理型的应用来说都是必不可少的。 ...

    jQuery EasyUI 1.3.1

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web...jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。

    jQuery EasyUI 1.5.1 版 API 中文版 (Made By Richie696)

    ### jQuery EasyUI 简述 jQuery EasyUI 是一个基于 jQuery 的前端UI框架,主要用于开发具有丰富交互效果的Web应用程序。EasyUI 提供了一系列可复用的UI组件,其设计目标是让开发者能够通过简单的方式来创建现代Web...

    1.[jQuery.EasyUI]第1章.jQuery.EasyUI入门

    &lt;input name="name" class="easyui-validatebox" required="true"&gt; ``` 使用 `form` 方法提交或获取表单数据。 ### 四、布局(Layout) jQuery EasyUI 提供了强大的布局管理工具,允许开发者灵活地划分页面...

    Jquery Easyui验证组件ValidateBox使用详解(20)

    通过以上内容,我们可以看到`Jquery Easyui`的验证组件`ValidateBox`不仅提供了丰富的内置验证类型,还支持自定义验证规则,使得我们可以根据项目需求灵活地进行表单验证。这大大简化了前端数据验证的工作,提升了...

    jQuery EasyUI 1.2 API文档

    【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题,这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    jquery-easyui-1.2.6

    jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,validatebox,window等等。 jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助...

    李炎恢jQuery EasyUI讲义代码

    根据提供的文件信息,我们可以推断出这是一份关于“李炎恢jQuery EasyUI讲义代码”的资源分享。接下来,我们将围绕这份讲义的核心内容——jQuery EasyUI,进行深入的解析和知识点的归纳。 ### jQuery EasyUI简介 ...

Global site tag (gtag.js) - Google Analytics