easyui -validatebox 验证框加载

Posted 2020-10-17 hackxiyu

问题：

　　easyui验证狂框有时会验证输入字符的位数，或者验证有效字符组合

 

解决：

　　使用easyui的验证框，继承验证框，指定输入框为验证框即可

$(function(){
    $.extend($.fn.validatebox.defaults.rules, {
        haha: {
            validator: function(value){
                return  /^\d{6}$/.test(value) ;
            },
            message: ‘请输入6位数字‘
        },
        tao: {
            validator: function(value){
                return  /^\d{7}$/.test(value) ;
            },
            message: ‘请输入7位数字‘
        }
    });
});

使用方法：

<div style="margin-bottom:20px">
            <label class="label-top">地区编码:</label>
            <input class="easyui-textbox theme-textbox-radius easyui-validatebox"   style="width:80%"
                   value="" name="areaId" id="areaIdAdd"  prompt="地区编码(6位数字)"
                   data-options="required:true,validType:‘haha‘"
            />
        </div>