切换导航
首页
技术问答
编程语言
前端开发
移动开发
开发工具
程序设计
行业应用
CMS系统
服务器
频道导航
▸ PHP
▸ Java
▸ Java SE
▸ Python
▸ C#
▸ C&C++
▸ Ruby
▸ VB
▸ asp.Net
▸ Go
▸ Perl
▸ netty
▸ Django
▸ Delphi
▸ Jsp
▸ .NET Core
▸ Spring
▸ Flask
▸ Springboot
▸ SpringMVC
▸ Lua
▸ Laravel
▸ Mybatis
▸ Asp
▸ Groovy
▸ ThinkPHP
▸ Yii
▸ swoole
▸ HTML
▸ HTML5
▸ JavaScript
▸ CSS
▸ jQuery
▸ Bootstrap
▸ Angularjs
▸ TypeScript
▸ Vue
▸ Dojo
▸ Json
▸ Electron
▸ Node.js
▸ extjs
▸ Express
▸ XML
▸ ES6
▸ Ajax
▸ Flash
▸ Unity
▸ React
▸ Flex
▸ Ant Design
▸ Web前端
▸ 微信小程序
▸ 微信公众号
▸ iOS
▸ Android
▸ Swift
▸ Hybrid
▸ Cocos2d-x
▸ Flutter
▸ Xcode
▸ Silverlight
▸ cocoa
▸ Cordova
前端之家
正则表达式
扩展validatebox的正则表达式校验器
扩展validatebox的正则表达式校验器
2020-06-16
正则表达式
前端之家
前端之家
收集整理的这篇文章主要介绍了
扩展validatebox的正则表达式校验器
,
前端之家
小编觉得挺不错的,现在分享给大家,也给大家做个参考。
easyui为validate
Box
组件提供一些预置的校验器,只有email、url、length[min,max]、remote四种,但实际应用中的校验规则是千变万化的,显然这四种校验器不能满足我们的要求,所以easyui为validate
Box
提供了一种扩展机制用于
自定义
校验器,这是easyui官方文档提供的一个例子: $.extend($.fn.validate
Box
.defaults.rules,{ minLength: { validator: function(value,param){ return value.length >= param[0]; },message: 'Please enter at least {0} characters.' } }); 虽然我们可以为每一种校验规则编写一个检验器,但是需求总是变化的,这样就可能要编写很多个检验器,有没有更通用一点的
方法
呢? 于是想到了用正则表达式,扩展一种用正则表达式进校验的校验器,这样这一个校验器基本上就可以应付所有校验要求,当然前提是 要对正则表达式比较熟悉了。但是这样有个问题需要
解决
,就是如果检验失败一般都有个
提示
信息,那么这个
提示
信息 为什么呢?先看个例子吧 $.extend($.fn.validate
Box
.defaults.rules,{ regex: { validator: function(value,param){ var re = new RegExp(param[0]); return re.test(value); },message: '{1}' } }); 例如:username需要3位长度以上 使用
方法
是:<input name="username" class="easyui-validate
Box
"
required
="true" validType="regex['^[\\w]{3,}$','
用户名
必须3位以上']"/> 这里解释一下,validate
Box
传递到校验
函数
中的value输入框的值,param就是校验器名regex后面的数组,这里在该数组里面传递了两个值 第0个是正则表达式模式文本,第1个是
提示
信息。message为需要
提示
的
内容
,这里我用的是一个占位符{1},意思就是
获取
数组中的第1个值param[1] 注意,不能写成message: param[1],因为这时当浏览器加载这个校验器所在js
文件
的时候就会检查message的值,而这时param[1]是undefined,因为 只有你在检验输入框输入数据的时候才会回调检验
函数
,这时param[1]才是有值的。
上一篇:正则表达式的贪婪匹配和非贪婪匹配
下一篇:Emacs正则表达式的小括号
猜你在找的正则表达式相关文章
常用正则表达式-手机号、身份证、邮箱
一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^d{n}$ 3 至少n位的数字:^d{n,}$ 4...
作者:前端之家 时间:2021-01-10
JS正则表达式详解
正则表达式非常有用,查找、匹配、处理字符串、替换和转换字符串,输入输出等。下面整理一...
作者:前端之家 时间:2020-12-29
组内正则培训记录
0. 注: 不同语言中的正则表达式实现都会有一些不同。下文中的代码示例除特别说明的外,都...
作者:前端之家 时间:2020-12-20
高级正则表达式技术(Python版)
正则表达式是从信息中搜索特定的模式的一把瑞士军刀。它们是一个巨大的工具库,其中的...
作者:前端之家 时间:2020-07-22
史上最全最常用的正则表达式
一、校验数字的表达式 数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,...
作者:前端之家 时间:2020-07-22
正则表达式工具
作者:前端之家 时间:2020-07-22
正则表达式初步
作者:前端之家 时间:2020-07-22
分享5个可视化的正则表达式编辑工具
正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编...
作者:前端之家 时间:2020-07-22
分享5个可视化的正则表达式编辑工具
正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。在很多文本编辑器...
作者:前端之家 时间:2020-07-22
[知识积累]--正则表达式记忆表
在工作中常常遇到正则表达式问题,有时候又会忘记这则的语法。 下面就分享一份正则表达式记...
作者:前端之家 时间:2020-07-22
编程分类
算法
设计模式
多媒体技术
正则表达式
Elasticsearch
Flink
Hadoop
IDE
最新文章
• 常用正则表达式-手机号、身
• JS正则表达式详解
• 组内正则培训记录
• 高级正则表达式技术(Pyth
• 史上最全最常用的正则表达
• 正则表达式基本语法
• 正则表达式工具
• 正则表达式初步
• 分享5个可视化的正则表达式
• 分享5个可视化的正则表达式
热门标签
更多 ►
受约束
摘*
day25
Java常用类库
置信
lamda
留存
持续录入
年后
正则表达式30
3.17
regularexpre
匹
多模
适
20130322
基础理论
pathmunge
涵义
reec
tok
需要转义的特
资源分享
validationex
简明魔法
里弄
形如
源码实现
完备
actionscript