jqueryValidator自定义校验规则的一种方式(覆盖源码)
1.自定义js文件:jqValid-extend.js
内容:
function setDefaultValidate(){
$.extend(true, $.validator, {
// 方法
methods: {
//手机号
"verifyPhone": function (value, element) {
var mobile = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0-9]|17[0-9])\d{8}$/;
return this.optional(element) || (mobile.test(value));
},
//固话,法人联系电话
"verifyTel": function (value, element) {
var mobile = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0-9]|17[0-9])\d{8}$/;
var tel = /^0\d{2,3}-?\d{7,8}$/;
return this.optional(element) || (tel.test(value))||(mobile.test(value));
},
//银行卡号
"verifyCashCard": function (value, element) {
var reg =/^([\d]){16,30}$/;
return this.optional(element) || (reg.test(value));
},
//邮箱
"verifyMail": function (value, element) {
var mail = /^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$/;
return this.optional(element) || (mail.test(value));
},
//登录密码
"verifyLoginPassword": function (value, element) {
var regPwd= /^(?=.*\d.*\d)+(?=.*[a-z|A-Z]*.[a-z|A-Z]).{6,12}$/;
return this.optional(element) || (regPwd.test(value));
},
//交易密码,确认密码
"verifyCashPassword": function (value, element) {
var regPwd= /^([\d]){6}$/;
return this.optional(element) || (regPwd.test(value));
},
//证件号码
"verifyIDCode": function (value, element) {
var reg= /^([a-z|A-Z|()|+|0-9]){1,28}$/;
return this.optional(element) || (reg.test(value));
},
//验证码
"verifyVerifyCode": function (value, element) {
var reg= /^([\d]){6}$/;
return this.optional(element) || (reg.test(value));
},
//理顾工号
"verifyAdvisorID": function (value, element) {
var reg= /^H\d{6}$/;
return this.optional(element) || (reg.test(value));
},
//申请编号
"verifyApplyID": function (value, element) {
var reg= /^([\d]){1,50}$/;
return this.optional(element) || (reg.test(value));
},
//资质编号,产品备案编号
"verifyZizhiID": function (value, element) {
var reg= /^[\w|a-z|A-Z|\d]{1,30}$/;
return this.optional(element) || (reg.test(value));
},
//注册资本
"verifyRegZiben": function (value, element) {
var reg= /^\d{1,14}$/;
return this.optional(element) || (reg.test(value));
},
//法人职务
"verifyLegalTitle": function (value, element) {
var reg= /^[\u4e00-\u9fa5a-zA-Z]{1,30}$/;
return this.optional(element) || (reg.test(value));
},
//邮编
"verifyMailCode": function (value, element) {
var reg= /^\d{6}$/;
return this.optional(element) || (reg.test(value));
},
//产品规模
"verifyProductScale": function (value, element) {
var reg= /^\d{1,14}$/;
return this.optional(element) || (reg.test(value));
},
//产品存续期
"verifyProductExpire": function (value, element) {
var reg= /^\d{1,4}$/;
return this.optional(element) || (reg.test(value));
},
//客户编号
"verifyClientId": function (value, element) {
var reg=/^\d{1,50}$/;
return this.optional(element) || (reg.test(value));
},
//说明
"verifyDescription": function (value, element) {
var reg=/^[A-Za-z\u4e00-\u9fa5]{1,300}$/;
return this.optional(element) || (reg.test(value));
}
},
// 根据规则添加
classRuleSettings: {
required:{
required:true
},
verifyPhone: {
verifyPhone: true
},
verifyTel: {
verifyTel: true
},
verifyMail: {
verifyMail: true
},
verifyLoginPassword: {
verifyLoginPassword: true
},
verifyCashPassword: {
verifyCashPassword: true
},
verifyIDCode: {
verifyIDCode: true
},
verifyVerifyCode: {
verifyVerifyCode: true
},
verifyAdvisorID: {
verifyAdvisorID: true
},
verifyApplyID: {
verifyApplyID: true
},
verifyZizhiID: {
verifyZizhiID: true
},
verifyRegZiben: {
verifyRegZiben: true
},
verifyLegalTitle: {
verifyLegalTitle: true
},
verifyMailCode: {
verifyMailCode: true
},
verifyProductScale: {
verifyProductScale: true
},
verifyProductExpire: {
verifyProductExpire: true
},
verifyClientId: {
verifyClientId: true
},
verifyDescription: {
verifyDescription: true
}
},
// 方法默认提示信息
messages: {
required: '不能为空!',
verifyMobile: "请填写正确的手机号!",
verifyMail: "请填写正确的邮箱!",
verifyPassword: "6-12位,至少包含2个数字,2个字母!",
verifyCode: "请填写正确的证件号码!",
},
// 默认选项
defaults: {
onkeyup: false,
// 验证规则
rules: {
},
// 验证失败的信息
messages: {
},
// 错误被包裹的标签
errorElement: 'span',
// 忽略的元素
ignore: '',
// 提交事件
submitHandler: function () {
}
}
});
}
2.html标签中使用校验规则:
<li>
<label>法人邮箱: </label>
<input name="lawEmail" id="legalEmail" type="text" value="{{=it.lawEmail }}" class="public_input2"
data-rule-verifyMail="true" data-msg-verifyMail="请输入正确的邮箱!" maxlength="30">
</li>
jqueryValidator自定义校验规则的一种方式(覆盖源码)的更多相关文章
- jqueryValidator自定义校验规则的一种方式(不覆盖源码)
1.封装自定义验证方法-validate-methods.js /***************************************************************** j ...
- 线程系列1--Java创建线程的几种方式及源码分析
线程--创建线程的几种方式及源码分析 开始整理下线程的知识,感觉这块一直是盲区,工作中这些东西一直没有实际使用过,感觉也只是停留在初步的认识.前段时间一个内推的面试被问到,感觉一脸懵逼.面试官说,我的 ...
- java创建线程的两种方式及源码解析
创建线程的方式有很多种,下面我们就最基本的两种方式进行说明.主要先介绍使用方式,再从源码角度进行解析. 继承Thread类的方式 实现Runnable接口的方式 这两种方式是最基本的创建线程的方式,其 ...
- 案例17-validate自定义校验规则校验验证码是否输入正确
1 自定义校验规则代码 <script type="text/javascript"> //使用validate插件进行表单的校验 $(function(){ $(&q ...
- 案例16-validate自定义校验规则校验用户名是否存在
1 知识点 2 register.jsp代码 注意自定义校验规则的时候,提交必须是同步的方式. <%@ page language="java" contentType=&q ...
- struts2 自定义校验规则
自定义校验规则:(了解) 在Struts2自定义校验规则: 1.实现一个Validator 接口. 2.一般开发中继承ValidatorSupport 或者 FieldValidatorSupport ...
- Dojo初探之2:设置dojoConfig详解,dojoConfig参数详解+Dojo中预置自定义AMD模块的四种方式(基于dojo1.11.2)
Dojo中想要加载自定义的AMD模块,需要先设置好这个模块对应的路径,模块的路径就是这个模块的唯一标识符. 一.dojoConfig参数设置详解 var dojoConfig = { baseUrl: ...
- [Vue]vee-validate的使用——自定义校验规则及校验message
1.安装vee-validate npm install vee-validate --save 2.main.js里引用vee-validate插件 import Vue from 'vue' im ...
- Spring3.2 中 Bean 定义之基于 XML 配置方式的源码解析
Spring3.2 中 Bean 定义之基于 XML 配置方式的源码解析 本文简要介绍了基于 Spring 的 web project 的启动流程,详细分析了 Spring 框架将开发人员基于 XML ...
随机推荐
- Java类载入器
1. 系统载入器简单介绍 Java虚拟机中能够安装多个类载入器,系统默认三个主要类载入器(BootStrap.ExtClassLoader.AppClassLoader).每一个类载入器负责载入特 ...
- Web前端国际化之jQuery.i18n.properties
Web前端国际化之jQuery.i18n.properties jQuery.i18n.properties介绍 国际化是如今Web应用程序开发过程中的重要一环,jQuery.i18n.propert ...
- 怎样訪问pcie整个4k的配置空间
眼下用于訪问PCIe配置空间寄存器的方法须要追溯到原始的PCI规范. 为了发起PCI总线配置周期,Intel实现的PCI规范使用IO空间的CF8h和CFCh来分别作为索引和数据寄存器,这样的方法能够訪 ...
- [Android] Android开发优化之——对界面UI的优化(2)
在Android应用开发过程中,屏幕上控件的布局代码和程序的逻辑代码通常是分开的.界面的布局代码是放在一个独立的xml文件中的,这个文件里面是树型组织的,控制着页面的布局.通常,在这个页面中会用到很多 ...
- VSCode向上的代码提示消除
VSCode虽然好用, 但是有些用户体验实在非常差, 比如这种往上面弹的类型提示... 在用户设置中增加: "editor.parameterHints": false
- xBIM 高级01 IFC多模型合并
系列目录 [已更新最新开发文章,点击查看详细] 多模型合并可以实现以下功能: 覆盖多个模型以表现得像一个模型 统一访问数据,就像它是单个模型一样 只读.要修改模型的内容,您必须使用特定模型 不 ...
- POJ 3048 线性筛法求素数
一个坑: 有组数据如下: 1 1 坑很深-- //By SiriusRen #include <cstdio> #define N 200000 using namespace std; ...
- javax.validation参数校验
在实体字段加注解: /** * 机构名称 */ @ApiParam(name = "orgName", value = "机构名称") @Size(max = ...
- 模拟邮箱输入邮箱地址、收藏标签。input框输入内容后回车,内容显示成小方块并带删除按钮。
模拟邮箱输入邮箱地址.收藏标签: 文本框输入文字后按回车键或者分号键,输入框中的文字变成小块并带删除按钮和操作. 页面代码: <!DOCTYPE html> <%@ page lan ...
- 细数SuperComputer最新排名和常见Benchmark类型
在网络层,互联网提供所有应用程序都要使用的两种类型的服务,尽管目前理解这些服务的细节并不重要,但在所有TCP/IP概述中,都不能忽略他们: 无连接分组交付服务(Connectionless Packe ...