easyui 添加自定义检查操作

拼搏现实的明天。 2022-05-14 07:20 271阅读 0赞

# 需求：input 输入框不能为空、且只能包含中文、英文、数字、特殊字符 #

# 实现方式：给制定input添加自定义校验 #

# 校验js #

validateEmpty.js

$(function () { 
        $.extend($.fn.validatebox.defaults.rules, {
            //校验正整数，并计算码洋
            calculateEmpty:{
                validator : function(value) { 
                    //正则表达式
                    var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？+-_]+$");
                    if(reg.test(value.trim())) {
                        return true;
                    }
                    return false;
                },
                message : '输入值不能为空和包含其他非法字符'
            }
        });
    });

# emoji和空格校验 #

$(function () { 
        $.extend($.fn.validatebox.defaults.rules, {
            //校验正整数，并计算码洋
            isBlank: {
                validator: function (value, param) {  return $.trim(value) != '' },
                message: '该输入项为必填项'
            },
            isEmoji:{
                validator: function (value, param) { 
                    return !isEmoji(value);
                },
                message: '该输入正确的字符'
            }
        });
    });
    
    
    function isEmoji(substring) { 
        for ( var i = 0; i < substring.length; i++) {
            var hs = substring.charCodeAt(i);
            if (0xd800 <= hs && hs <= 0xdbff) {
                if (substring.length > 1) {
                    var ls = substring.charCodeAt(i + 1);
                    var uc = ((hs - 0xd800) * 0x400) + (ls - 0xdc00) + 0x10000;
                    if (0x1d000 <= uc && uc <= 0x1f77f) {
                        return true;
                    }
                }
            } else if (substring.length > 1) {
                var ls = substring.charCodeAt(i + 1);
                if (ls == 0x20e3) {
                    return true;
                }
            } else {
                if (0x2100 <= hs && hs <= 0x27ff) {
                    return true;
                } else if (0x2B05 <= hs && hs <= 0x2b07) {
                    return true;
                } else if (0x2934 <= hs && hs <= 0x2935) {
                    return true;
                } else if (0x3297 <= hs && hs <= 0x3299) {
                    return true;
                } else if (hs == 0xa9 || hs == 0xae || hs == 0x303d || hs == 0x3030
                    || hs == 0x2b55 || hs == 0x2b1c || hs == 0x2b1b
                    || hs == 0x2b50) {
                    return true;
                }
            }
        }
    }

# 使用方式： #

data-options=”validType:’calculateEmpty’”

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Validate Test</title>
        <script type="text/javascript" src="/js/validateEmpty.js"></script>
    </head>
    <body>
    <input type="text" name="className" id="className" class="easyui-textbox" style="height: 23px" data-options="validType:'calculateEmpty',prompt:'类名称',required:true"/>
    </body>
    </html>

# 常用的校验 #

$.extend($.fn.validatebox.defaults.rules, {
        // 固话验证
        tel: {
            validator: function (value) { 
                if (value) {
                    return /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/
                        .test(value);
                } else {
                    return true;
                }
            },
            message: '电话号码格式错误'
        },
        //中文或英文验证
        CHS: {
            validator: function (value) { 
                return /^[A-Za-z\u4e00-\u9fa5.·]+$/.test(value);
            },
            message: '请输入汉字或者字母'
        },
        //车牌号验证
        CAR: {
            validator: function (value) { 
                return /^[A-Za-z\u4e00-\u9fa50-9]+$/.test(value);
            },
            message: '请输入正确的车牌号'
        },
        mobileAndTel:{
            validator: function (value) { 
                var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
                var isMob = /^1[3|5|8|7|4][0-9]\d{8}$/;
                if (isMob.test(value) || isPhone.test(value)) {
                    return true;
                } else {
                    return false;
                }
            },
            message: '请输入手机号或固定电话'
        },
        //中文验证
        chinese: {
            validator: function (value) { 
                return /^[\u4e00-\u9fa5]+$/.test(value);
            },
            message: '请输入汉字'
        },
        chineseAndNumber: {
            validator: function (value) { 
                return /^[a-zA-Z0-9_\.]+$/.test(value);
            },
            message: '只能是数字跟字母'
        },
        //验证金额大于0
        moreThanZero: {
            validator: function (value, param) { 
                return $(param[0]).val() > 0;
            },
            message: '请输入大于0的值.'
        },
        //验证值相等
        equals: {
            validator: function (value, param) { 
                return value == $(param[0]).val();
            },
            message: '字段不相同.'
        },
    
        //身份证号验证
        idcard: {
            validator: function (value) { 
                return /(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value);
            },
            message: '请输入正确的身份证号码'
        },
    
        // 验证空格
        space: {
            validator: function (value) { 
                return /.*[^ ].*/.test(value);
            },
            message: '输入值不能全部为空'
        },
        unNormal : {
       // 验证是否包含空格和非法字符
            validator : function(value) { 
                return !/[ @#\$%\^&\*]+/g.test(value);
            },
            message : '输入值不能为空和包含其他非法字符'
        },
        // 验证是否小于 3
        lessThanThree: {
            validator: function (param) { 
                return param >= 3;
            },
            message: '此保险为缴费年限小于3，为无效险'
        },
        // 验证是否小于 6
        lessThanSix: {
            validator: function (param) { 
                return param >= 6;
            },
            message: '此保险为生效时长小于6，为无效险'
        },
        // 验证是否小于 6
        lessThanFive: {
            validator: function (param) { 
                return param >= 5;
            },
            message: '此保险为生效时长小于5，为无效险'
        },
        //手机号码验证
        mobile: {
            validator: function (value) { 
                return /^1[3|5|8|7|4][0-9]\d{8}$/.test(value);
            },
            message: '手机号码不正确'
        },
    
        //邮编验证
        postCodeValidate: {
            validator: function (value) { 
                return /^[0-9]{6}$/.test(value);
            },
            message: '请输入合法的邮编！'
        },
        //生活时长验证
        lifeYearsValidate: {
            validator: function (value) { 
                return (value >= 0) && (value <= 70);
            },
            message: '请输入正确的生活时长！'
        },
        //区号验证
        areaCodeValidate: {
            validator: function (value) { 
                return /^\d{3,4}$/.test(value);
            },
            message: '请输入正确的区号！'
        },
        //固定电话号码验证
        numberPhoneValidate: {
            validator: function (value) { 
                return /^\d{7,8}$/.test(value);
            },
            message: '请输入正确的号码！'
        },
        //两次输入验证
        sameValidate: {
            validator: function (value, param) { 
                return ('' + value).localeCompare($(param[0]).val()) == 0;
            },
            message: '两次输入证书号不匹配！'
        },
        //前后是否相同
        sameBank: {
            validator: function (value, param) { 
                var realValue = $(param[0]).val();
                if (!realValue) {
                    return true
                } else {
                    return value !== realValue;
                }
            },
            message: '前后银行不能一致'
        },
        //非纯数字验证
        notOnlyNumberValidate: {
            validator: function (param) { 
                return !/^\d+$/.test(param);
            },
            message: '不能输入纯数字！'
        },
        //不能包含数字验证
        notNumberValidate: {
            validator: function (value, param) { 
                return !/\d+/g.test($(param[0]).val());
            },
            message: '不能包含数字！'
        },
        //纯数字验证
        onlyNumberValidate: {
            validator: function (value) { 
                return /^\d+$/.test(value);
            },
            message: '请输入纯数字！'
        },
        //银行流水电话验证
        bankPhoneValidate: {
            validator: function (value) { 
                if(value.length>11||value.length<5){
                    return false;
                }
                return /^\d+$/.test(value);
            },
            message: '请输入正确的电话！'
        },
        //纯数字且字符数固定验证
        onlyNumberValidateAndCount: {
            validator: function (value, param) { 
                $.fn.validatebox.defaults.rules.onlyNumberValidateAndCount.message = '请输入' + param[1] + '位纯数字';
                var va = $(param[0]).val();
                if (/^\d+$/.test(va)) {
                    return ('' + va).length == param[1];
                }
                return false;
                message: '请输入 4 位纯数字！'
            },
            //进入现职单位时间验证
            enterCompanyValidate: {
                validator: function (value,param) { 
                    return Date.parse(value) < new Date().getTime();
                },
                message: '请输入今天以前的时间！'
            },
            //企业注册时间验证
            registrationTimeValidate: {
                validator: function (value) { 
                    $.messager.alert('提示消息', '请输入今天以前的时间!', 'warning');
                    return Date.parse(value) < new Date().getTime();
                },
                message: '请输入今天以前的时间！'
            },
            md: {
                validator: function (value, param) { 
                    var startTime = $(param[0]).datetimebox('getValue');
                    var d1 = $.fn.datebox.defaults.parser(startTime);
                    var d2 = $.fn.datebox.defaults.parser(value);
                    return d1 <= d2;
                },
                message: '结束时间必须大于开始时间！'
            },
    
            //手机号重复验证
            mobileRepeatValidate: {
                validator: function (value, param) { 
                    if (/^(13[0-9]|14[5|7]|15[0-9]|18[0-9]|17[0-9])\d{8}$/.test(value)) {
                        $.fn.validatebox.defaults.rules.mobileRepeatValidate.message = '手机号已存在！';
                        return '' + value != $(param[0]).val();
                    } else {
                        $.fn.validatebox.defaults.rules.mobileRepeatValidate.message = '手机号码不正确';
                        return false;
                    }
                }
            },
            message: ''
        },
        //联系电话验证
        contactValidate: {
            validator: function (value) { 
                return /^\d+-?\d+-?\d+$/.test(value);
            },
            message: '请输入正确的格式'
        },
        //身份证号验证
        cardIdValidate: {
            validator: function (value) { 
                if (/(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value) && birthdayValid(value)) {
                    return true;
                } else {
                    return false;
                }
            },
            message: '请输入正确18位身份证号码'
        },
        // 最大长度验证
        maxLength: {
            validator: function (value, param) { 
                return param[0] >= value.length;
            },
            message: '最大长度不能大于{0}.'
        },
        // 最小长度验证
        minLength: {
            validator: function (value, param) { 
                return value.length >= param[0];
            },
            message: '最小长度不能小于{0}.'
        },
        // 长度区间验证
        length: {
            validator: function (value, param) { 
                return value.length >= param[0] && param[1] >= value.length;
            },
            message: '长度范围{0}-{1}.'
        },
        //股份比例验证
        sharesValidate: {
            validator: function (value) { 
                return (value >= 0) && (value <= 100);
            },
            message: '请输入正确的股份比例'
        },
    
        //签约降额
        signReduceAmountValidate: {
            validator: function (value, param) { 
                var v = new Number(value);
                var p = new Number(param[0]);
                if ((p - v) % 1000 != 0) {
                    return false;
                } else {
                    return true;
                }
            },
            message: '调整单位为1000元！'
        },
        //确认银行卡号
        equalTo: {
            validator: function (value, param) { 
                return $(param[0]).val() == value;
            },
            message: '您两次输入的银行卡号不一致'
        },
        //主副卡是否相等
        isEqual: {
            validator: function (value, param) { 
                if (!$(param[0]).val()) {
                    return true;
                } else {
                    return $(param[0]).val() != value;
                }
            },
            message: '主卡银行卡号与副卡银行卡号不能相同！'
        },
    
        //原银行卡是否相等
        isEqualTwo: {
            validator: function (value, param) { 
                if (!$(param[0]).val()) {
                    return true;
                } else {
                    return $(param[0]).val() != value;
                }
            },
            message: '现银行卡号不能与原银行卡号相同！'
        },
    
    
        //和当前时间比较
        compareDate: {
            validator: function (value) { 
                var $result = DateUtil.compare(value, DateUtil.format(new Date(), 'yyyy-MM-dd'));
                return $result !== 1;
            },
            message: '不能选择小于当前日期的还款日！'
        },
        //小于当前时间
        lessThanToday: {
            validator: function (value) { 
                var $result = DateUtil.compare(value, DateUtil.format(new Date(), 'yyyy-MM-dd'));
                return $result === 1;
            },
            message: '选择时间应早于当前时间'
        },
        // 大于当前时间
        moreThanToday: {
            validator: function (value) { 
                var $result = DateUtil.compare(value, DateUtil.format(new Date(), 'yyyy-MM-dd'));
                return $result !== 1;
            },
            message: '选择时间应晚于当前时间'
        },
    
        //金额比较
        repayAccount: {
            validator: function (value, param) { 
               var $value= parseFloat(value.replace(/[^\d\.-]/g, ""));
                return param[0] >= $value && $value>0;
            },
            message: '请输入大于0或者小于等于剩余服务费金额'
        },
        /*必须和某个字段相等*/
        equalTo: {
            validator:function(value,param){ 
                return $(param[0]).val() == value;
            },
            message:'字段不匹配'
        }
    });