jquery validate.addMethod 正则表达式
$(document).ready(function () {
/* 设置默认属性 */
$.validator.setDefaults( {
submitHandler: function (form) {
form.submit();
}
} );
// 字符验证
jQuery.validator.addMethod( " stringCheck " , function (value, element) {
return this .optional(element) || / ^[/u0391-/uFFE5/w]+$ / .test(value);
} , " 只能包括中文字、英文字母、数字和下划线 " );
// 中文字两个字节
jQuery.validator.addMethod( " byteRangeLength " , function (value, element, param) {
var length = value.length;
for ( var i = 0 ; i < value.length; i ++ ) {
if (value.charCodeAt(i) > 127 ) {
length ++ ;
}
}
return this .optional(element) || ( length >= param[ 0 ] && length <= param[ 1 ] );
} , " 请确保输入的值在3-15个字节之间(一个中文字算2个字节) " );
// 身份证号码验证
jQuery.validator.addMethod( " isIdCardNo " , function (value, element) {
return this .optional(element) || isIdCardNo(value);
} , " 请正确输入您的身份证号码 " );
// 手机号码验证
jQuery.validator.addMethod( " isMobile " , function (value, element) {
var length = value.length;
var mobile = / ^(((13[0-9]{1})|(15[0-9]{1}))+/d{8})$ / ;
return this .optional(element) || (length == 11 && mobile.test(value));
} , " 请正确填写您的手机号码 " );
// 电话号码验证
jQuery.validator.addMethod( " isTel " , function (value, element) {
var tel = / ^/d{3,4}-?/d{7,9}$ / ; // 电话号码格式010-12345678
return this .optional(element) || (tel.test(value));
} , " 请正确填写您的电话号码 " );
// 联系电话(手机/电话皆可)验证
jQuery.validator.addMethod( " isPhone " , function (value,element) {
var length = value.length;
var mobile = / ^(((13[0-9]{1})|(15[0-9]{1}))+/d{8})$ / ;
var tel = / ^/d{3,4}-?/d{7,9}$ / ;
return this .optional(element) || (tel.test(value) || mobile.test(value));
} , " 请正确填写您的联系电话 " );
// 邮政编码验证
jQuery.validator.addMethod( " isZipCode " , function (value, element) {
var tel = / ^[0-9]{6}$ / ;
return this .optional(element) || (tel.test(value));
} , " 请正确填写您的邮政编码 " );
// 开始验证
$( ' #submitForm ' ).validate( {
/* 设置验证规则 */
rules: {
username: {
required: true ,
stringCheck: true ,
byteRangeLength:[ 3 , 15 ]
} ,
email: {
required: true ,
email: true
} ,
phone: {
required: true ,
isPhone: true
} ,
address: {
required: true ,
stringCheck: true ,
byteRangeLength:[ 3 , 100 ]
}
} ,
/* 设置错误信息 */
messages: {
username: {
required: " 请填写用户名 " ,
stringCheck: " 用户名只能包括中文字、英文字母、数字和下划线 " ,
byteRangeLength: " 用户名必须在3-15个字符之间(一个中文字算2个字符) "
} ,
email: {
required: " 请输入一个Email地址 " ,
email: " 请输入一个有效的Email地址 "
} ,
phone: {
required: " 请输入您的联系电话 " ,
isPhone: " 请输入一个有效的联系电话 "
} ,
address: {
required: " 请输入您的联系地址 " ,
stringCheck: " 请正确输入您的联系地址 " ,
byteRangeLength: " 请详实您的联系地址以便于我们联系您 "
}
} ,
/* 设置验证触发事件 */
focusInvalid: false ,
onkeyup: false ,
/* 设置错误信息提示DOM */
errorPlacement: function (error, element) {
error.appendTo( element.parent());
} ,
} );
} );
jquery validate.addMethod 正则表达式的更多相关文章
- jquery validate.addMethod 正则表达式 (自定义验证方法)
项目中使用的jQuery添加的校验的方法 $(document).ready(function(){ 5 6/* 设置默认属性 */ 7$.vali ...
- Jquery Validate 正则表达式实用验证代码
jQuery.validate 的正则验证功能,包括手机号码.电话号码.邮政编码.QQ号码.IP地址.字母和数字.中文的验证等. 手机号码验证 以下为引用内容: jQuery.validator.a ...
- Jquery Validate 正则表达式实用验证代码常用的
jQuery.validate 的正则验证功能,包括手机号码.电话号码.邮政编码.QQ号码.IP地址.字母和数字.中文的验证等 手机号码验证 以下为引用内容: 代码如下: jQuery.validat ...
- jquery.validate.js表单验证
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...
- jquery validate学习心得
据说,javascript最初的由来就是为了解决表单的验证问题,当然现在的js已经能够用来做各种各样炫酷的效果,不过表单验证一直以来都是js很重要的一个用途(在博客园第一篇博客,不知道说些什么开头~~ ...
- jquery validate 自定义验证方法
query validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法 ...
- jQuery.Validate验证库详解
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...
- jQuery.Validate验证库
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...
- bootstrap+jQuery.validate表单校验
谈谈表单校验 这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登 ...
随机推荐
- Is it possible to configure PostgreSQL to automatically close idle connections?
1.use pgbouncer As new connections/transactions/statements arrive, the pool will increase in size up ...
- 自然语言处理——NLTK中文语料库语料库
Python NLTK库中包含着大量的语料库,但是大部分都是英文,不过有一个Sinica(中央研究院)提供的繁体中文语料库,值得我们注意. 在使用这个语料库之前,我们首先要检查一下是否已经安装了这个语 ...
- alpha预乘
将(r,g,b,a)变为(r*a,g*a,b*a,a)的操作称为alpha预乘. 对于alpha预乘的图片,应使用(One,OneMinusSrcAlpha)进行混合. 使用alpha预乘方式混合出来 ...
- fetch用法
fetch(REQUEST_URL) .then((response) => response.json()) .then((responseData)=> { console.log(r ...
- angularjs实现IOS8自带计算器
最近看到一则面试题目,要求使用angularjs实现一个计算器,利用放假时间实现了一个仿iOS8风格的计算器,功能基本和iOS自带的计算器是一致的. 查看demo,接着给出实现过程. 首先创建angu ...
- 10socket编程
这一节主要关注的还是粘包问题,我们利用recv实现一个recv_peek函数,它的目的是偷窥目的,它是利用recv的一个msg_peek参数与read的区别,read读取后 会擦除缓冲区的内容,而re ...
- RDA 编译器的搭建
apt-get install subversion apt-get install make atp-get install gcc sudo vim /etc/profile export PAT ...
- ScalaTour 2.函数
/** * 1. case class与模式匹配 */ object TestFunction extends App{ def value(expr:Expr): Int = expr match ...
- Java事务处理全解析(二)——失败的案例
在本系列的上一篇文章中,我们讲到了Java事务处理的基本问题,并且讲到了Service层和DAO层,在本篇文章中,我们将以BankService为例学习一个事务处理失败的案例. BankService ...
- ASP.NET MVC之从控制器传递数据到视图四种方式
前言 本系列开始着手讲述ASP.NET MVC,也算是自己对基础的回顾以及进一步深入学习,保证每天发表一篇该系列文章,关于基本知识则不再叙述,园子有关文章不胜枚举,这一系列若有叙述不当或错误之处,欢迎 ...