【前端】EasyUI validType 自定义规则

来源:互联网 发布:星际争霸剧情知乎 编辑:程序博客网 时间:2024/06/15 19:44

背景:满足自身需求但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>

当然两种方式都可以!

原创粉丝点击