`
liuguofeng
  • 浏览: 448784 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

jquery validate自定义验证方法(转)

 
阅读更多

 // 身份证号码验证   
 jQuery.validator.addMethod("idcardno"function(value, element) {
   
return this.optional(element) || isIdCardNo(value);   
 }, 
"请正确输入身份证号码");
 
  
//字母数字
 jQuery.validator.addMethod("alnum"function(value, element) {
   
return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value);
 }, 
"只能包括英文字母和数字");
 
  
// 手机号码验证   
 jQuery.validator.addMethod("cellphone"function(value, element) {
   
var length = value.length;
   
return this.optional(element) || (length == 11 && /^(1\d{10})$/.test(value));
 }, 
"请正确填写手机号码"); 
 
  
// 电话号码验证   
 jQuery.validator.addMethod("telephone"function(value, element) {
   
var tel = /^(\d{3,4}-?)?\d{7,9}$/g;
   
return this.optional(element) || (tel.test(value));
 }, 
"请正确填写电话号码");
 
 
// 邮政编码验证
 jQuery.validator.addMethod("zipcode"function(value, element) {
   
var tel = /^[0-9]{6}$/;
   
return this.optional(element) || (tel.test(value));
 }, 
"请正确填写邮政编码");
 
  
// 汉字
 jQuery.validator.addMethod("chcharacter"function(value, element) {
   
var tel = /^[\u4e00-\u9fa5]+$/;
   
return this.optional(element) || (tel.test(value));
 }, 
"请输入汉字");
 
 

function isIdCardNo(num) {

 
var factorArr = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);
 
var parityBit=new Array("1","0","X","9","8","7","6","5","4","3","2");
 
var varArray = new Array();
 
var intValue;
 
var lngProduct = 0;
 
var intCheckDigit;
 
var intStrLen = num.length;
 
var idNumber = num;
   
// initialize
     if ((intStrLen != 15&& (intStrLen != 18)) {
         
return false;
     }
     
// check and set value
     for(i=0;i<intStrLen;i++) {
         varArray[i] 
= idNumber.charAt(i);
         
if ((varArray[i] < '0|| varArray[i] > '9') && (i != 17)) {
             
return false;
         } 
else if (i < 17) {
             varArray[i] 
= varArray[i] * factorArr[i];
         }
     }
     
     
if (intStrLen == 18) {
         
//check date
         var date8 = idNumber.substring(6,14);
         
if (isDate8(date8) == false) {
            
return false;
         }
         
// calculate the sum of the products
         for(i=0;i<17;i++) {
             lngProduct 
= lngProduct + varArray[i];
         }
         
// calculate the check digit
         intCheckDigit = parityBit[lngProduct % 11];
         
// check last digit
         if (varArray[17!= intCheckDigit) {
             
return false;
         }
     }
     
else{        //length is 15
         //check date
         var date6 = idNumber.substring(6,12);
         
if (isDate6(date6) == false) {

             
return false;
         }
     }
     
return true;
     
 }

function isDate6(sDate) {
   
if(!/^[0-9]{6}$/.test(sDate)) {
      
return false;
   }
   
var year, month, day;
   year 
= sDate.substring(04);
   month 
= sDate.substring(46);
   
if (year < 1700 || year > 2500return false
   
if (month < 1 || month > 12return false
   
return true
}

function isDate8(sDate) {
   
if(!/^[0-9]{8}$/.test(sDate)) {
      
return false;
   }
   
var year, month, day;
   year 
= sDate.substring(04);
   month 
= sDate.substring(46);
   day 
= sDate.substring(68);
   
var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31]
   
if (year < 1700 || year > 2500return false
   
if (((year % 4 == 0&& (year % 100 != 0)) || (year % 400 == 0)) iaMonthDays[1]=29;
   
if (month < 1 || month > 12return false
   
if (day < 1 || day > iaMonthDays[month - 1]) return false
   
return true

分享到:
评论

相关推荐

    jQuery validate 自定义样式、规则

    2. **JavaScript文件**:可能包含了自定义验证规则的实现,或者对jQuery Validate的配置和扩展。 3. **HTML模板**:可能展示了如何在实际表单中应用这些自定义样式和规则。 通过结合使用这些文件,你可以构建出符合...

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    jquery validate 自定义验证方法介绍 日期验证

    在jQuery Validate中,自定义验证方法的添加是通过$.validator.addMethod方法实现的。该方法接受三个参数:一个是方法的名称,一个是验证函数,还有一个是当验证失败时显示的错误信息。自定义验证方法可以在页面加载...

    jquery validate 表单验证

    接下来,我们将深入探讨jQuery Validate的使用方法、核心概念以及如何结合其他脚本文件实现自定义验证。 首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。...

    jQuery Validate插件验证表单小练

    jQuery Validate 插件是Web开发中广泛使用的工具,主要用于实现前端表单验证,它极大地简化了用户输入数据的检查过程,提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中,我们将深入...

    jQuery validate框架的个性化验证

    当内置规则无法满足需求时,可以创建自定义验证方法。例如,检查密码是否包含数字和字母: ```javascript $.validator.addMethod('customPassword', function(value, element) { return this.optional(element) ...

    jquery validate默认错误提示显示位置修改

    jQuery Validate插件是实现表单验证功能的一个强大工具,它提供了丰富的验证规则和自定义选项。然而,默认情况下,jQuery Validate插示错误提示的位置可能并不符合所有项目的需求。本文将详细介绍如何修改jQuery ...

    jQuery Validate表单验证插件

    2. **自定义验证规则**:开发者可以通过编写新的验证方法来扩展内置的验证规则。 3. **错误消息定制**:可以为每个验证规则设置特定的错误消息。 4. **显示错误**:可以控制错误消息如何显示,如在元素旁边显示或在...

    jquery validate 验证手册

    2. **自定义验证规则**:除了预设的验证规则,如`required`、`email`、`url`等,开发者还可以通过`$.validator.addMethod()`方法创建自己的验证规则。 3. **错误消息定制**:默认的错误消息可以通过`messages`选项...

    Jquery validate表单验证Demo下载

    如果预定义的规则无法满足特定需求,可以创建自定义验证方法。例如,我们可能需要验证手机号码格式: ```javascript jQuery.validator.addMethod('isMobile', function(value) { return /^1[3-9]\d{9}$/.test...

    jquery validate表单验证插件制作注册表单提交验证

    如果用户输入的数据不符合这些规则,jQuery Validate会显示自定义的错误消息。 `submitHandler`函数会在所有验证通过后被调用,你可以在这里放置处理表单提交的逻辑,例如使用AJAX向服务器发送数据。如果验证失败,...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...

    jQuery Validate表单验证插件实现代码

    - 可以通过扩展`jquery.validate.extend.js`来自定义插件功能,例如添加新的验证方法或调整默认行为。 7. **错误处理**: 当验证失败时,jQuery Validate会在表单元素旁边显示错误消息。错误消息的样式可以通过...

    jquery validate表单验证js

    如果内置的验证规则无法满足需求,我们可以创建自定义验证方法。使用`.addMethod()`方法,传入方法名、验证函数和错误消息: ```javascript $.validator.addMethod("customMethod", function (value, element) { /...

    jquery valida自定义验证规则

    **jQuery Validate 自定义验证规则详解** 在Web开发中,表单验证是不可或缺的一部分,它可以确保用户输入的数据符合预设的规范,从而保证数据的准确性和安全性。jQuery Validate 是一个非常流行的JavaScript库,它...

    关于jquery validate plugin 指定需要验证对象解决方案

    《关于jQuery Validate Plugin指定需要验证对象的解决方案》 在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设的规则。jQuery Validate Plugin是一款强大的客户端表单验证插件,它使得这一过程...

    jQuery插件Validate实现自定义表单验证

    最后,我们将这个自定义验证方法应用到表单字段上,通常是通过设置`rules`属性: ```javascript $("#yourInputField").rules("add", { formula: true, // 使用自定义的验证方法 messages: { formula: "请正确...

    jQuery validate 表单验证源码

    总结来说,这个压缩包提供了一个全面的jQuery validate在ASP.NET环境下的应用实例,涵盖了各种常见的验证场景和自定义错误提示的方法。开发者可以通过研究这些源码,学习如何在自己的项目中有效地实现客户端表单验证...

Global site tag (gtag.js) - Google Analytics