easyui扩展正则验证,函数验证
用easyui做业务系统,对于默认的几个验证规则,肯定是不够的,难免会增加几种规则。可是问题来了,往往是我们在开发会遇到很多各种各样的验证,时间久了才发现,这些扩展的正则无非就是添加一个正则验证规则,那我为啥不将正则放到前端呢?想到这个说干就干,于是有了REGEX这个验证规则,愉快的调用几次后,感觉这功能还不错,心里贼爽了下。一段时间后,发现有些验证居然还和数据业务有关系,这下问题又来,难道我又要些一堆的规则!到底能不能象我的正则验证一样统一呢。果不其然,在苦思冥想半小时后,我这FUN验证规则浮出水面。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | //自定义正则验证 REGEX: { validator: function (value, param) { var regex = param[0]; var re = new RegExp(regex); return re.test(value); }, message: '{1}' }, //自定义函数验证 FUN: { validator: function (value, param) { var fun = param[0]; if ($.isFunction(fun)) { return fun(value); } return true ; }, message: '{1}' }, |
解释一下,$.extend($.fn.validatebox.defaults.rules,{}),这里可以扩展很多规则,当然现在又了 REGEX 和 FUN 规则,感觉可以不用写其他的规则了,小小满足一下。
哇,功能这么强大,那我要怎么使用呢?
FUN:
1 | < label for="F_FPSL" class="input_lable ">发票税率(%)</ label >< input type="text" name="F_FPSL" class="easyui-textbox input_box" data-options="width:107,prompt:'多个税率逗号隔开',validType:{FUN:[Jsdwxx.validatafpsl,'发票税率只能录入数字']}" /> |
REGEX:
1 | < label for="F_SBDQ" class="input_lable ">上报地区</ label >< input type="text" name="F_SBDQ" class="easyui-textbox input_box" data-options="width:132,prompt:'例如:ZYCC',validType:{REGEX:['^[A-Za-z]{4}$','上报地区为4个字母']},boxCls:'uppercase'" /></ li > |
PS:规则中 {0},{1},{...}和前台定义REGEX:[0,1,...]一一对应
- 转载请注明来源
- 作者:杨瀚博
- QQ:464884492
分类:
javascript
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤