【前端】EasyUI validType 自定义规则

easyui 专栏收录该内容
4 篇文章 0 订阅

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

当然两种方式都可以!

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

雨夜带枪不带伞

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值