easyui实现自定义格式校验

最新推荐文章于 2024-04-04 01:29:11 发布

原创最新推荐文章于 2024-04-04 01:29:11 发布 · 934 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyui

easyui 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何为日期框组件添加自定义验证规则，包括日期格式、时间格式、日期不小于当前日期、手机号码、办公电话及电子邮件等验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何加入自定义验证：

$("#datebox").datebox({
    required : true,
    validType:['dateCheck']
});

$.extend($.fn.textbox.defaults.rules, {
    //自定义日期格式验证
    dateCheck:{
        validator : function(value, param) {
            var matches = /^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29)/.exec(value);
            if(value.length>10 || matches==null){
                return false;
            }
            return true;
        },
        message : "请输入正确日期(格式YYYY-MM-DD,如 2017-01-01)"
    },
    //自定义时间格式验证
    datetimeCheck:{
        validator : function(value, param) {
            var matches = /^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29) (?:[01]?\d|2[0-4]):(?:[0-5]?\d|60)/.exec(value);
            if(value.length>19 || matches==null){
                return false;
            }
            return true;
        },
        message : "请输入正确时间(格式YYYY-MM-DD hh:mm:ss,如 2017-01-01 10:30:00)"
    },
    //日期不能小于当天
    dateThanDayCheck:{
        validator : function(value, param) {
            if(companreData2(FormatDate(value),FormatDate(new Date()))){
                return false;
            }
            return true;
        },
        message : "日期不能小于当天，请重新输入"
    },
    //手机号码验证
    mobile : {
        validator : function(value) {
            var  reg = /^0?1\d{10}$/;
            return value.length == 11 && reg.test(value);
        },
        message : "请输入正确的手机号码"
       },
     //办公电话号码
     workphone : {
         validator : function(value) {
           var reg = /^0\d{10,11}$/;
           return reg.test(value);
      },
      message : "请输入正确的办公电话号码"
     },
     //电子邮件验证
     email : {
         validator : function(value) {
           var reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
           return reg.test(value);
      },
      message : "请输入正确的邮件地址"
     }
});