$(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 正则表达式的更多相关文章

  1. jquery validate.addMethod 正则表达式 (自定义验证方法)

    项目中使用的jQuery添加的校验的方法 $(document).ready(function(){         5           6/* 设置默认属性 */         7$.vali ...

  2. Jquery Validate 正则表达式实用验证代码

    jQuery.validate 的正则验证功能,包括手机号码.电话号码.邮政编码.QQ号码.IP地址.字母和数字.中文的验证等. 手机号码验证 以下为引用内容:  jQuery.validator.a ...

  3. Jquery Validate 正则表达式实用验证代码常用的

    jQuery.validate 的正则验证功能,包括手机号码.电话号码.邮政编码.QQ号码.IP地址.字母和数字.中文的验证等 手机号码验证 以下为引用内容: 代码如下: jQuery.validat ...

  4. jquery.validate.js表单验证

    一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...

  5. jquery validate学习心得

    据说,javascript最初的由来就是为了解决表单的验证问题,当然现在的js已经能够用来做各种各样炫酷的效果,不过表单验证一直以来都是js很重要的一个用途(在博客园第一篇博客,不知道说些什么开头~~ ...

  6. jquery validate 自定义验证方法

    query validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法 ...

  7. jQuery.Validate验证库详解

    一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...

  8. jQuery.Validate验证库

    一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassist ...

  9. bootstrap+jQuery.validate表单校验

    谈谈表单校验 这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登 ...

随机推荐

  1. Oracle数据库——半期测验

    一.使用system用户登录SQL*PLUS,使用命令将scott用户解锁,并将scott用户的密码修改为: t_你的学号后三位(例如:t_165).然后,以scott用户连接数据库. 1. 使用sy ...

  2. 关于HTTP协议

    一.HTTP协议概念 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准.设计HTTP最初的目的 ...

  3. BigPipe 了解

    BigPipe是一个重新设计的基础动态网页服务体系.大体思路是,分解网页成叫做Pagelets的小块,然后通过Web服务器和浏览器建立管道并管理他们在不同阶段的运行.这是类似于大多数现代微处理器的流水 ...

  4. 【转】3篇:Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告:官方原生方法分析

    作者: 牛A与牛C之间 时间: 2013-11-17 分类: 技术文章 | 暂无评论 | 编辑文章 主页 » 技术文章 » 第3篇:Xilium CefGlue 关于 CLR Object 与 JS ...

  5. SQL常见的可优化点

    # 索引相关 # ################################################### 1. 查询(或更新,删除,可以转换为查询)没有用到索引 这是最基础的步骤,需要 ...

  6. Linux 实现自动安装服务组件以及优化内核参数 (转)

    安装好Linux裸机后(安装请参考:http://blog.itpub.net/26230597/viewspace-1380155/),还需要在其上安装一些基础组件,一般是手动一个个安装,比较繁复也 ...

  7. python数据分析之pandas库的Series应用

    一.pandas的数据结构介绍 1. Series 1.1 Series是由一种类似于一维数组的对象,它由一组数据以及一组与之相关的数据索引构成.仅由一组数据可产生最简单的Series. from p ...

  8. Hive(七):HQL DML

    HQL DML 主要涉到对Hive表中数据操作,包含有:load.INSERT.DELETE.EXPORT and IMPORT,详细资料参见:https://cwiki.apache.org/con ...

  9. ajax用户名案例(重点)

      要求:失去焦点时如下效果 主页代码 <body> 用户名:<input type="text" id="a" /><div i ...

  10. js之浏览器对象模型(BOM)

    一.BOM的层次结构: window(可以访问BOM中的所有元素,是最顶层的元素)下一层包括如下: →document (document的属性:forms.cookie.links/anchors. ...