`
backspace
  • 浏览: 137171 次
文章分类
社区版块
存档分类
最新评论

JQueryEasyUI validatebox 扩展其自带验证方法

 
阅读更多

JQueryEasyUI validatebox自带了几种自带的验证方法,比如非空、邮箱、异步、字符长短等验证方式,但是这些远远满足不了我们自己的使用,先整理了一些扩展方法,使其验证方式更为丰富!

  1 $.extend($.fn.validatebox.defaults.rules,{
  2 minLength:{// 判断最小长度
  3 validator:function(value,param) {
  4 returnvalue.length>=param[0];
  5 },
  6 message:'最少输入 {0} 个字符。'
  7 },
  8 length:{validator:function(value,param){
  9 varlen=$.trim(value).length;
 10 returnlen>=param[0]&&len<=param[1];
 11 },
 12 message:"输入内容长度必须介于{0}和{1}之间."
 13 },
 14 phone:{// 验证电话号码
 15 validator:function(value) {
 16 return/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
 17 },
 18 message:'格式不正确,请使用下面格式:020-88888888'
 19 },
 20 mobile:{// 验证手机号码
 21 validator:function(value) {
 22 return/^(13|15|18)\d{9}$/i.test(value);
 23 },
 24 message:'手机号码格式不正确'
 25 },
 26 idcard:{// 验证身份证
 27 validator:function(value) {
 28 return/^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
 29 },
 30 message:'身份证号码格式不正确'
 31 },
 32 intOrFloat:{// 验证整数或小数
 33 validator:function(value) {
 34 return/^\d+(\.\d+)?$/i.test(value);
 35 },
 36 message:'请输入数字,并确保格式正确'
 37 },
 38 currency:{// 验证货币
 39 validator:function(value) {
 40 return/^\d+(\.\d+)?$/i.test(value);
 41 },
 42 message:'货币格式不正确'
 43 },
 44 qq:{// 验证QQ,从10000开始
 45 validator:function(value) {
 46 return/^[1-9]\d{4,9}$/i.test(value);
 47 },
 48 message:'QQ号码格式不正确'
 49 },
 50 integer:{// 验证整数
 51 validator:function(value) {
 52 return/^[+]?[1-9]+\d*$/i.test(value);
 53 },
 54 message:'请输入整数'
 55 },
 56 chinese:{// 验证中文
 57 validator:function(value) {
 58 return/^[\u0391-\uFFE5]+$/i.test(value);
 59 },
 60 message:'请输入中文'
 61 },
 62 english:{// 验证英语
 63 validator:function(value) {
 64 return/^[A-Za-z]+$/i.test(value);
 65 },
 66 message:'请输入英文'
 67 },
 68 unnormal:{// 验证是否包含空格和非法字符
 69 validator:function(value) {
 70 return/.+/i.test(value);
 71 },
 72 message:'输入值不能为空和包含其他非法字符'
 73 },
 74 username:{// 验证用户名
 75 validator:function(value) {
 76 return/^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
 77 },
 78 message:'用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
 79 },
 80 faxno:{// 验证传真
 81 validator:function(value) {
 82 // return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
 83 return/^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
 84 },
 85 message:'传真号码不正确'
 86 },
 87 zip:{// 验证邮政编码
 88 validator:function(value) {
 89 return/^[1-9]\d{5}$/i.test(value);
 90 },
 91 message:'邮政编码格式不正确'
 92 },
 93 ip:{// 验证IP地址
 94 validator:function(value) {
 95 return/d+.d+.d+.d+/i.test(value);
 96 },
 97 message:'IP地址格式不正确'
 98 },
 99 name:{// 验证姓名,可以是中文或英文
100 validator:function(value) {
101 return/^[\u0391-\uFFE5]+$/i.test(value)|/^\w+[\w\s]+\w+$/i.test(value);
102 },
103 message:'请输入姓名'
104 },
105 carNo:{
106 validator:function(value){
107 return/^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value); 
108 },
109 message:'车牌号码无效(例:粤J12350)'
110 },
111 carenergin:{
112 validator:function(value){
113 return/^[a-zA-Z0-9]{16}$/.test(value); 
114 },
115 message:'发动机型号无效(例:FG6H012345654584)'
116 },
117 email:{
118 validator:function(value){
119 return/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value); 
120 },
121 message:'请输入有效的电子邮件账号(例:abc@126.com)'
122 },
123 msn:{
124 validator:function(value){
125 return/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value); 
126 },
127 message:'请输入有效的msn账号(例:abc@hotnail(msn/live).com)'
128 },same:{
129 validator:function(value,param){
130 if($("#"+param[0]).val() !=""&&value!=""){
131 return$("#"+param[0]).val() ==value; 
132 }else{
133 returntrue;
134 }
135 },
136 message:'两次输入的密码不一致!'
137 }
138 });

使用方法:

<input id="vv" class="easyui-validatebox" data-options="validType:'chinese'" />  

希望这些对大家有帮助吧!

 

分享到:
评论

相关推荐

    ysoserial-master.zip

    ysoserial是一个用于生成利用不安全的Java对象反序列化的有效负载的概念验证工具。它包含一系列在常见Java库中发现的"gadget chains",可以在特定条件下利用执行不安全的反序列化操作的Java应用程序。ysoserial项目最初在2015年AppSecCali会议上提出,包含针对Apache Commons Collections(3.x和4.x版本)、Spring Beans/Core(4.x版本)和Groovy(2.3.x版本)的利用链

    zigbee CC2530无线自组网协议栈系统代码实现协调器与终端的TI Sensor实验和Monitor使用.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-自卸卡车-挖掘机-轮式装载机数据集-2644张图像带标签-自卸卡车-挖掘机-轮式装载机.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    Oracle10gDBA学习手册中文PDF清晰版最新版本

    **Oracle 10g DBA学习手册:安装Oracle和构建数据库** **目的:** 本章节旨在指导您完成Oracle数据库软件的安装和数据库的创建。您将通过Oracle Universal Installer (OUI)了解软件安装过程,并学习如何利用Database Configuration Assistant (DBCA)创建附加数据库。 **主题概览:** 1. 利用Oracle Universal Installer (OUI)安装软件 2. 利用Database Configuration Assistant (DBCA)创建数据库 **第2章:Oracle软件的安装与数据库构建** **Oracle Universal Installer (OUI)的运用:** Oracle Universal Installer (OUI)是一个图形用户界面(GUI)工具,它允许您查看、安装和卸载机器上的Oracle软件。通过OUI,您可以轻松地管理Oracle软件的安装和维护。 **安装步骤:** 以下是使用OUI安装Oracle软件并创建数据库的具体步骤:

    消防验收过程服务--现场记录表.doc

    消防验收过程服务--现场记录表.doc

    (4655036)数据库 管理与应用 期末考试题 数据库试题

    数据库管理\09-10年第1学期数据库期末考试试卷A(改卷参考).doc。内容来源于网络分享,如有侵权请联系我删除。另外如果没有积分的同学需要下载,请私信我。

    YOLO算法-瓶纸盒合并数据集-3161张图像带标签-纸张-纸箱-瓶子.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    职业暴露后的处理流程.docx

    职业暴露后的处理流程.docx

    Java Web开发短消息系统

    Java Web开发短消息系统

    java毕设项目之ssm基于java和mysql的多角色学生管理系统+jsp(完整前后端+说明文档+mysql+lw).zip

    项目包含完整前后端源码和数据库文件 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    批量导出多项目核心目录工具

    这是一款可以配置过滤目录及过滤的文件后缀的工具,并且支持多个项目同时输出导出,并过滤指定不需要导出的目录及文件后缀。 导出后将会保留原有的路径,并在新的文件夹中体现。

    【图像压缩】基于matlab GUI DCT图像压缩(含MAX MED MIN NONE)【含Matlab源码 9946期】.zip

    Matlab领域上传的视频均有对应的完整代码,皆可运行,亲测可用,适合小白; 1、代码压缩包内容 主函数:main.m; 调用函数:其他m文件;无需运行 运行结果效果图; 2、代码运行版本 Matlab 2019b;若运行有误,根据提示修改;若不会,私信博主; 3、运行操作步骤 步骤一:将所有文件放到Matlab的当前文件夹中; 步骤二:双击打开main.m文件; 步骤三:点击运行,等程序运行完得到结果; 4、仿真咨询 如需其他服务,可私信博主; 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    YOLO算法-挖掘机与火焰数据集-7735张图像带标签-挖掘机.zip

    操作系统实验 Ucore lab5

    操作系统实验 Ucore lab5

    IMG_5950.jpg

    IMG_5950.jpg

    竞选报价评分表.docx

    竞选报价评分表.docx

    java系统,mysql、springboot等框架

    java系统,mysql、springboot等框架

    zigbee CC2530网关+4节点无线通讯实现温湿度、光敏、LED、继电器等传感节点数据的采集上传,网关通过ESP8266上传远程服务器及下发控制.zip

    1、嵌入式物联网单片机项目开发例程,简单、方便、好用,节省开发时间。 2、代码使用IAR软件开发,当前在CC2530上运行,如果是其他型号芯片,请自行移植。 3、软件下载时,请注意接上硬件,并确认烧录器连接正常。 4、有偿指导v:wulianjishu666; 5、如果接入其他传感器,请查看账号发布的其他资料。 6、单片机与模块的接线,在代码当中均有定义,请自行对照。 7、若硬件有差异,请根据自身情况调整代码,程序仅供参考学习。 8、代码有注释说明,请耐心阅读。 9、例程具有一定专业性,非专业人士请谨慎操作。

    YOLO算法-快递衣物数据集-496张图像带标签.zip

    YOLO系列算法目标检测数据集,包含标签,可以直接训练模型和验证测试,数据集已经划分好,包含数据集配置文件data.yaml,适用yolov5,yolov8,yolov9,yolov7,yolov10,yolo11算法; 包含两种标签格:yolo格式(txt文件)和voc格式(xml文件),分别保存在两个文件夹中,文件名末尾是部分类别名称; yolo格式:<class> <x_center> <y_center> <width> <height>, 其中: <class> 是目标的类别索引(从0开始)。 <x_center> 和 <y_center> 是目标框中心点的x和y坐标,这些坐标是相对于图像宽度和高度的比例值,范围在0到1之间。 <width> 和 <height> 是目标框的宽度和高度,也是相对于图像宽度和高度的比例值; 【注】可以下拉页面,在资源详情处查看标签具体内容;

    搜索引擎lucen的相关介绍 从事搜索行业程序研发、人工智能、存储等技术人员和企业

    内容概要:本文详细讲解了搜索引擎的基础原理,特别是索引机制、优化 like 前缀模糊查询的方法、建立索引的标准以及针对中文的分词处理。文章进一步深入探讨了Lucene,包括它的使用场景、特性、框架结构、Maven引入方法,尤其是Analyzer及其TokenStream的实现细节,以及自定义Analyzer的具体步骤和示例代码。 适合人群:数据库管理员、后端开发者以及希望深入了解搜索引擎底层实现的技术人员。 使用场景及目标:适用于那些需要优化数据库查询性能、实施或改进搜索引擎技术的场景。主要目标在于提高数据库的访问效率,实现高效的数据检索。 阅读建议:由于文章涉及大量的技术术语和实现细节,建议在阅读过程中对照实际开发项目,结合示例代码进行实践操作,有助于更好地理解和吸收知识点。

Global site tag (gtag.js) - Google Analytics