Jqeury easyui 日积月累的拓展应用

最新推荐文章于 2022-05-05 01:28:09 发布

web前端执行者

最新推荐文章于 2022-05-05 01:28:09 发布

阅读量463

点赞数

分类专栏： jquery easyui学习文章标签： jQuery easyui 拓展验证 jQuery esayui 兼容家jQ

本文链接：https://blog.csdn.net/zhxh0376/article/details/53516528

版权

jquery easyui学习专栏收录该内容

6 篇文章 0 订阅

订阅专栏

这是长年累月根据 实际项目应用，对jQuery easyUI 做一些拓展应用，。 直接上代码不多说了，  这些代码必须放在源码最底部。

//   Dialog 兼容处理
window = function (opts) {
    var query = parent.$, fnClose = opts.onClose;
    opts = query.extend({
        title: 'My Dialog',
        width: 400,
        height: 220,
        closed: false,
        cache: false,
        modal: true,
        html: '',
        url: '',
        viewModel: query.noop
    }, opts);

    opts.onClose = function () {
        if (query.isFunction(fnClose)) fnClose();
        query(this).window('destroy');
    };

    if (query.isFunction(opts.html))
        opts.html = utils.functionComment(opts.html);
    else if (/^\#.*\-template$/.test(opts.html))
        opts.html = $(opts.html).html();

    var win = query('<div></div>').appendTo('body').html(opts.html);
    if (opts.url)
        query.ajax({ async: false, url: opts.url, success: function (d) { win.empty().html(d); } });

    win.window(opts);
    query.parser.onComplete = function () {
        if ("undefined" === typeof ko)
            opts.viewModel(win);
        else
            ko.applyBindings(new opts.viewModel(win), win[0]);

        query.parser.onComplete = query.noop;
    };
    query.parser.parse(win);
    return win;
};



//时间格式化
$.fn.datebox.defaults.formatter = function(date){
    var y = date.getFullYear();
    var m = date.getMonth()+1;
    var d = date.getDate();
     m=m<10?"0"+m:m;
     d=d<10?"0"+d:d;
    return y+'-'+m+'-'+d;
}
// numberbox  的小数点是0位时候，不准输入点
$.fn.numberbox.defaults.filter=function(e) {
    debugger
    var opts = $(this).numberbox("options");
    var s = $(this).numberbox("getText");
    if (e.which == 13) {
        return true;
    }
    if (opts.precision == 0 && e.keyCode ==46) {
        return false;
    }
    if (e.which == 45) {
        return (s.indexOf("-") == -1 ? true : false);
    }
    var c = String.fromCharCode(e.which);
    if (c == opts.decimalSeparator) {
        return (s.indexOf(c) == -1 ? true : false);
    } else {
        if (c == opts.groupSeparator) {
            return true;
        } else {

            if ((e.which >= 48 && e.which <= 57 && e.ctrlKey == false && e.shiftKey == false) || e.which == 0 || e.which == 8) {
                return true;
            } else {
                if (e.ctrlKey == true && (e.which == 99 || e.which == 118)) {
                    return true;
                } else {
                    return false;
                }
            }
        }
    }
};
$.messager.defaults={ok:"确定",cancel:"取消"};
$.fn.window.defaults.resizable=false;
$.fn.window.defaults.draggable=false;
$.extend($.fn.validatebox.defaults.tipOptions,
    {
        onShow:function(){
            $(this).tooltip("tip").css({color:"#fff",borderColor:"#07c8cf",backgroundColor:"#07c8cf",borderRadius:"2px",padding:"0 8px"});
            $(this).tooltip("tip").find(".tooltip-content").css({ fontSize: "12px",lineHeight: "14px"});
            $(this).tooltip("tip") .find("tooltip-arrow-outer,.tooltip-arrow").css({ marginTop:"-7px"})
        },showDelay:0,hideDelay:0
    });
//验证拓展
$.extend($.fn.validatebox.defaults.rules,
    {    //验证中文
        CHS:{
            validator:function(value){
                return /^[\u0391-\uFFE5]+$/.test(value);
            },
            message:"只能输入汉字."
        },
        //日期验证YYYY-MM-dd;
        dateTime:{
            validator:function(value){
                var reg = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-])(10|12|0?[13578])([-])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(11|0?[469])([-])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(0?2)([-])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-])(0?2)([-])(29)$)|(^([3579][26]00)([-])(0?2)([-])(29)$)|(^([1][89][0][48])([-])(0?2)([-])(29)$)|(^([2-9][0-9][0][48])([-])(0?2)([-])(29)$)|(^([1][89][2468][048])([-])(0?2)([-])(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)([-])(29)$)|(^([1][89][13579][26])([-])(0?2)([-])(29)$)|(^([2-9][0-9][13579][26])([-])(0?2)([-])(29)$))$/;
                return reg.test(value);
            },
            message:"日期输入不合法."
        },
        //字符验证
        stringCheck:{
            validator:function(value){
                return /^[\u0391-\uFFE5\w]+$/.test(value);
            },
            message:"只能包括中文字、英文字母、数字和下划线."
        },
        //验证中文,英文,数字
        stringCheckSub:{
            validator:function(value){
                return /^[a-zA-Z0-9\u4E00-\u9FA5]+$/.test(value);
            },
            message:"只能包括中文字、英文字母、数字."
        },
        nonzero:{
            validator:function(value){
         if(Number(value)===0){       //使用为非空的数值框
                 return false;
             }else{
              /*  if(value-999999>0){
                    $.fn.validatebox.defaults.rules.nonzero.message="输入数值不可超过999999";
                    return false;
                }*/
                 return true;
             }
            },
            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})|(16[0-9]{1})|(17[0-9]{1})|(18[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})|(16[0-9]{1})|(17[0-9]{1})|(18[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位数字."
    },
        dateCode:{
/*            ///闰年的2月份有29天，因此匹配闰年日期格式为YYYY-MM-DD的正则表达式为：

        (([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29最后，将平年和闰年的日期验证表达式合并，我们得到最终的验证日期格式为YYYY-MM-DD的正则表达式为：

*/
            validator:function(value){
                var reg = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-])(10|12|0?[13578])([-])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(11|0?[469])([-])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(0?2)([-])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-])(0?2)([-])(29)$)|(^([3579][26]00)([-])(0?2)([-])(29)$)|(^([1][89][0][48])([-])(0?2)([-])(29)$)|(^([2-9][0-9][0][48])([-])(0?2)([-])(29)$)|(^([1][89][2468][048])([-])(0?2)([-])(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)([-])(29)$)|(^([1][89][13579][26])([-])(0?2)([-])(29)$)|(^([2-9][0-9][13579][26])([-])(0?2)([-])(29)$))$/;
                var reg1=/((^((1[8-9]\d{2})|([2-9]\d{3}))(10|12|0?[13578])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(11|0?[469])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(0?2)(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)(0?2)(29)$)|(^([3579][26]00)([-])(0?2)(29)$)|(^([1][89][0][48])(0?2)(29)$)|(^([2-9][0-9][0][48])(0?2)(29)$)|(^([1][89][2468][048])(0?2)(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)(29)$)|(^([1][89][13579][26])(0?2)(29)$)|(^([2-9][0-9][13579][26])(0?2)(29)$))$/
                return reg.test(value)||(reg1.test(value)&&value.length==8);
            },
            message:"日期编号正确格式19910209或1991-02-09"
        },
        //验证国内邮编验证
        carNO:{
            validator:function(value){
                var reg = /^[a-zA-Z]{1}[a-zA-Z_0-9]{5}$/;
                return reg.test(value);
            },
            message:"车牌格式不正确."
        },
       //验证选择框选择一个有效的项
        selectIndex:{
            validator:function(value){
              if(value&&value=="请选择") {
                  return false;
              }else{
                  return true;
              }
            },
            message:"请选择一个有效选项"
        },

        //身份证号码验证
        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:""
        },
        minLength: {
            validator: function(value, param){
                return value.length >= param[0];
            },
            message: '输入字符串长度不得小于{0}'
        },
 maxLength: {

    validator: function(value, param){
        debugger;
        return value.length  <= param[0];
    },
    message: '输入字符串长度不得超过{0}个'
},

scope:{
        //使用方法validType:'maxLength[3,16]'3-16 之间的字符
      validator: function(value, param){
                return value.length  <= param[0]||value.length >=param[1];
      },
      message: '请输入{0}-{1}位之间的长度字符'

},

//数字验证大小，结束值应该大于开始值
        //可以自定义提示信息
        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:""
        },
        //日期、时间验证大小，结束日期应该大于开始日期
        //可以自定义提示信息
/*<tr>
    <td align="right" width="80px"><label style="color: red">*</label>
    上架时间：</td>
    <td><input id="startDate" name="startDate"
    class="easyui-datebox" required="true" style="width: 150px;"></td>
    </tr>
    <tr>
        <td align="right" width="80px"><label style="color: red">*</label>
        下架时间：</td>
        <td><input id="expireDate" name="expireDate"
        style="width: 150px;" class="easyui-datebox" required="true"
        validType="compareDate[$('#startDate').datebox('getText'),'结束日期应该大于开始日期']"></td>
        </tr>*/
        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:''
        },
        compareEqualityDate:{
            validator:function(toDate,param) {
                var reg = /((^((1[8-9]\d{2})|([2-9]\d{3}))([-])(10|12|0?[13578])([-])(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(11|0?[469])([-])(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))([-])(0?2)([-])(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)([-])(0?2)([-])(29)$)|(^([3579][26]00)([-])(0?2)([-])(29)$)|(^([1][89][0][48])([-])(0?2)([-])(29)$)|(^([2-9][0-9][0][48])([-])(0?2)([-])(29)$)|(^([1][89][2468][048])([-])(0?2)([-])(29)$)|(^([2-9][0-9][2468][048])([-])(0?2)([-])(29)$)|(^([1][89][13579][26])([-])(0?2)([-])(29)$)|(^([2-9][0-9][13579][26])([-])(0?2)([-])(29)$))$/;
                if (reg.test(toDate)) {
                    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.compareEqualityDate.message = param[1];
                        }
                        else {
                            $.fn.validatebox.defaults.rules.compareEqualityDate.message = '结束日期应该不小于开始日期';
                        }
                        return false
                    }
                } else {
                    $.fn.validatebox.defaults.rules.compareEqualityDate.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, 8);
    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
}

web前端执行者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jqeury easyui 日积月累的拓展应用

这是长年累月根据实际项目应用，对jQuery easyUI 做一些拓展应用，。直接上代码不多说了，这些代码必须放在源码最底部。// Dialog 兼容处理window = function (opts) { var query = parent.$, fnClose = opts.onClose; opts = query.extend({ t...
复制链接

扫一扫