【前端】EasyUI validType 自定义规则

背景：满足自身需求但easyui并没有提供完整规则，这时就需要我们自己拓展它的规则。
js自定义规则代码

$.extend($.fn.validatebox.defaults.rules,{
    number:{// 验证数字
         validator : function(value) {
             return /^[0-9]{1,9}$/gi.test(value);
         },
         message : '只允许1-9位的正整数'
       }
});

jsp引用自定义规则代码

<div class="module_search_input">会员ID：<input type="text" name="externalUserId" data-options="validType:'number'"" class="easyui-textbox input_width_default"/></div>

grid搜索判断是否有效

var gridSearchValidate = function() {
    var arr = $(module_search_form).serializeArray();
    var obj = {};
    $.each(arr, function(i, field) {
        obj[field.name] = field.value;
    });
    if(!($('#module_search_form').form("validate"))){
        return false;
        }
    try{
        $(module_datagrid).treegrid("reload",obj);
    }catch(e){
        $(module_datagrid).datagrid("reload",obj);
    }
}

只要拓展了一个，其他思路都一样。如果能帮助到你，我很开心，随便给我点个赞呗！
突然发现也可以直接使用easyui提供得规则改动如下：

<div class="module_search_input">会员ID：<input type="text" name="externalUserId" data-options="validType: ['integer','length[0,9]']"" class="easyui-textbox input_width_default"/></div>

当然两种方式都可以！