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自定义校验规则的一种方式(覆盖源码)的更多相关文章

  1. jqueryValidator自定义校验规则的一种方式(不覆盖源码)

    1.封装自定义验证方法-validate-methods.js /***************************************************************** j ...

  2. 线程系列1--Java创建线程的几种方式及源码分析

    线程--创建线程的几种方式及源码分析 开始整理下线程的知识,感觉这块一直是盲区,工作中这些东西一直没有实际使用过,感觉也只是停留在初步的认识.前段时间一个内推的面试被问到,感觉一脸懵逼.面试官说,我的 ...

  3. java创建线程的两种方式及源码解析

    创建线程的方式有很多种,下面我们就最基本的两种方式进行说明.主要先介绍使用方式,再从源码角度进行解析. 继承Thread类的方式 实现Runnable接口的方式 这两种方式是最基本的创建线程的方式,其 ...

  4. 案例17-validate自定义校验规则校验验证码是否输入正确

    1 自定义校验规则代码 <script type="text/javascript"> //使用validate插件进行表单的校验 $(function(){ $(&q ...

  5. 案例16-validate自定义校验规则校验用户名是否存在

    1 知识点 2 register.jsp代码 注意自定义校验规则的时候,提交必须是同步的方式. <%@ page language="java" contentType=&q ...

  6. struts2 自定义校验规则

    自定义校验规则:(了解) 在Struts2自定义校验规则: 1.实现一个Validator 接口. 2.一般开发中继承ValidatorSupport 或者 FieldValidatorSupport ...

  7. Dojo初探之2:设置dojoConfig详解,dojoConfig参数详解+Dojo中预置自定义AMD模块的四种方式(基于dojo1.11.2)

    Dojo中想要加载自定义的AMD模块,需要先设置好这个模块对应的路径,模块的路径就是这个模块的唯一标识符. 一.dojoConfig参数设置详解 var dojoConfig = { baseUrl: ...

  8. [Vue]vee-validate的使用——自定义校验规则及校验message

    1.安装vee-validate npm install vee-validate --save 2.main.js里引用vee-validate插件 import Vue from 'vue' im ...

  9. Spring3.2 中 Bean 定义之基于 XML 配置方式的源码解析

    Spring3.2 中 Bean 定义之基于 XML 配置方式的源码解析 本文简要介绍了基于 Spring 的 web project 的启动流程,详细分析了 Spring 框架将开发人员基于 XML ...

随机推荐

  1. 敏捷自己主动化单元測试 (从前台 JavaScript 至后台 Java)

    此份材料的内容适用于前台 JavaScript 与后台 Java 的单元測试◦ 希望, 能协助开发者可在最短的时间内, 开展单元測试的工作◦ 附件: 敏捷自己主动化单元測试 例子代码: QUnit 例 ...

  2. cocos2d-x_AnchorPoint锚点

    锚点是定位和变换操作的一个重点.锚点我们能够看成用一根图钉将一张纸或者相片钉在墙上的那个点. 节点的位置是由我们设置的position和anchor point一起决定的. 值得一提的是,anchor ...

  3. HDU 5296 Annoying problem dfs序 lca set

    Annoying problem Problem Description Coco has a tree, whose nodes are conveniently labeled by 1,2,…, ...

  4. JAXB xml与javaBean的转换

    转自:https://blog.csdn.net/lydong_/article/details/79812626 `1. 1.不认识到犯错,然后得到永久的教训. 也不是所谓的教训吧,真正的教训来自于 ...

  5. xBIM 实战03 使用WPF技术实现IFC模型的加载与浏览

    系列目录    [已更新最新开发文章,点击查看详细]  WPF应用程序在底层使用 DirectX ,无论设计复杂的3D图形(这是 DirectX 的特长所在)还是绘制简单的按钮与文本,所有绘图工作都是 ...

  6. Android 常用系统服务

    WindowManager:WindowManager服务是全局的唯一的.它会将用户在屏幕上的操作发送给界面上的各个Window,Activity会将顶层控件注册到WindowManager中.Win ...

  7. (转载) Android studio如何生成aar包

    Android studio如何生成aar包 标签: Android studio如何生成aaAndroid studio aarAndroid 如何生成aar包 2016-12-21 14:42 1 ...

  8. shell编程笔记1

    参考文章:1 http://blog.csdn.net/wuwenxiang91322/article/details/9259877   通过chmod改变文件权限 补充知识: 1Linux文件的三 ...

  9. 3ds Max绘制一个漂亮的青花瓷碗3D模型

    这篇教程向小伙伴门介绍使用3ds Max绘制一个漂亮的青花瓷碗3D模型方法,教程很不错,很适合大家学习,推荐过来,一起来学习吧! 车削,材质贴图的应用,添加位图,渲染视图 步骤如下: 在桌面找到3DM ...

  10. Python 批量处理特定格式文件

    #批量对文件夹下的'.mat'进行处理 def file_name(file_dir,suff): L=[] for root, dirs, files in os.walk(file_dir): f ...