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是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登 ...
 
随机推荐
- Linux-TCP/IP TIME_WAIT状态原理
			
TIME_WAIT状态原理---------------------------- 通信双方建立TCP连接后,主动关闭连接的一方就会进入TIME_WAIT状态. 客户端主动关闭连接时,会发送最后一个a ...
 - HTML5 拖放(Drag 和 Drop)
			
拖放是一种常见的特性,即抓取对象以后拖到另一个位置. 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放. <!DOCTYPE HTML> <html> <hea ...
 - unity3d中Find的用法
			
在unity3d中用Find可以直接查找组件 例子一: 该脚本时绑在main Camera上的,"/Scene/player"这是在Hierarchy目录下直接找寻Scene ...
 - c# 图片XML序列化与反序列化
			
var xmlDoc = new XmlDocument(); xmlDoc.Load(@"C:\Users\*\Desktop\*.xml"); ].ChildNodes[]; ...
 - 使用Ef时,对一个或多个实体的验证失败。有关详细信息,请参见“EntityValidationErrors”属性。
			
EntityValidationErrors 关于如何查看 EntityValidationErrors 详细信息的解决方法 我们在 EF 的编程中,有时候会遇到这样一个错误: 但是,按照他的提示 ...
 - linux服务之udevd
			
http://www.ibm.com/developerworks/cn/linux/l-cn-udev/[root@localhost ~]# uname -r2.6.32-431.el6.x86_ ...
 - 【转】ASP.NET服务器控件使用之MultiView和View
			
MultiView 和 View 控件和制作出选项卡的效果,MultiView 控件是一组 View 控件的容器.使用它可定义一组 View 控件,其中每个 View 控件都包含子控件. 如果要切换视 ...
 - jsp常用指令
			
Jsp包含三个编译指令和七个动作指令. 三个编译指令为:page.include.taglib. 七个动作指令为:jsp:forward.jsp:param.jsp:include.jsp:plugi ...
 - 【extjs】 Extjs中的Ext.grid.Panel隐藏列会显示在表头中解决方法
			
在Extjs中的GridPanel会有这样的情况,隐藏列会显示在menuDisabled中,但是这个一般没有什么用处,只是用于后台取值的作用,感兴趣的朋友可以了解下啊,希望本文对你有所帮助 在Ex ...
 - [转]StringUtils方法
			
摘自http://blog.sina.com.cn/s/blog_4550f3ca0100qrsd.html org.apache.commons.lang.StringUtils中方法的操作对象是j ...