引用
jquery.validate 自定义验证方法
- $(document).ready( function() {
-
-
-
-
-
- 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;
-
- if ((intStrLen != 15) && (intStrLen != 18)) {
- return false;
- }
-
- 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) {
-
- var date8 = idNumber.substring(6,14);
- if (isDate8(date8) == false) {
- return false;
- }
-
- for(i=0;i<17;i++) {
- lngProduct = lngProduct + varArray[i];
- }
-
- intCheckDigit = parityBit[lngProduct % 11];
-
- if (varArray[17] != intCheckDigit) {
- return false;
- }
- }
- else{
-
- 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(0, 4);
- month = sDate.substring(4, 6);
- if (year < 1700 || year > 2500) return false
- if (month < 1 || month > 12) return false
- return true
- }
-
-
-
-
- function isDate8(sDate) {
- if(!/^[0-9]{8}$/.test(sDate)) {
- return false;
- }
- var year, month, day;
- year = sDate.substring(0, 4);
- month = sDate.substring(4, 6);
- day = sDate.substring(6, 8);
- var iaMonthDays = [31,28,31,30,31,30,31,31,30,31,30,31]
- if (year < 1700 || year > 2500) return false
- if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) iaMonthDays[1]=29;
- if (month < 1 || month > 12) return false
- if (day < 1 || day > iaMonthDays[month - 1]) return false
- return true
- }
-
- 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("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));
- }, "请输入汉字");
-
-
- jQuery.validator.addMethod("stringMinLength", function(value, element, param) {
- var length = value.length;
- for ( var i = 0; i < value.length; i++) {
- if (value.charCodeAt(i) >
分享到：
相关推荐
8. jQuery.extend使用：在引入自定义验证信息时，文件展示了如何使用jQuery.extend方法来扩展$.validator.messages对象。 综上所述，jquery.validate.js提供了一个非常便捷的方式来实现表单验证，通过引入相应的JS...
3. **自定义验证规则**： 如果默认的验证规则不能满足需求，你可以通过`.addMethod()`函数创建自己的验证规则。 4. **提示消息**： jQuery.validate允许你自定义错误消息，通过设置`messages`对象来实现。例如： ...
5. **自定义验证方法**：使用`$.validator.addMethod()`可以添加新的验证方法，比如`$.validator.addMethod("customMethod", function(value, element) {...}, "错误消息");`。 三、jQuery.validate.js进阶应用 1....
本文将深入探讨jQuery.validate.js的核心功能、API使用方法以及一些常见的使用场景。 首先，jQuery.validate.js是由Jörn Zaefferer创建的一个轻量级插件，它是jQuery Form Plugin的一部分，主要用于简化HTML表单的...
jQuery.validate插件是一个强大的、易于使用的JavaScript库，它使得在jQuery环境下进行表单验证变得简单而高效。本文将深入探讨jQuery.validate的使用方法以及源码解析，帮助开发者更好地理解和运用这一工具。 首先...
2. **初始化验证**：使用`jQuery`选择器找到需要验证的表单元素，并调用`.validate()`方法，配置相应的验证规则。例如，对于密码字段，可能有`required`（必填）、`minlength`（最小长度）和自定义的正则表达式规则...
jquery.validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来...
5. **可扩展性**：允许添加自定义验证方法，满足特殊验证需求。 6. **国际化支持**：可以轻松切换不同的语言环境。 ### 二、安装与引入 在项目中使用jQuery Validate，首先需要确保已引入jQuery库，然后引入...
而jQuery Validate插件是jQuery的一个强大附件，专为表单验证设计，使得网页表单的验证工作变得简单易行。本文将深入探讨jQuery validate.js的核心功能及其API，同时结合提供的帮助文档，为你揭示其背后的实现原理和...
1. 自定义验证方法：通过`.addMethod()`创建新的验证规则。 ```javascript $.validator.addMethod("customMethod", function(value, element) { // 验证逻辑 }, "自定义错误消息"); ``` 2. 验证事件：如`...
此外，开发者还可以根据自己的需求自定义验证规则。这可以通过jQuery.validator.addMethod()方法来实现，并且开发者可以为每个验证规则添加相应的错误提示信息。 在使用jquery.validate插件进行表单验证时，准备...
初始化jQuery.validate插件非常简单，只需在`document.ready()`事件中调用`validate()`方法即可，如： ```javascript $(document).ready(function(){ $("#textForm").validate(); }); ``` 这里的`#textForm`是...
除了基本的验证规则，jQuery Validate还支持自定义验证方法。例如，你可以创建一个检查密码强度的方法： ```javascript jQuery.validator.addMethod("passwordStrength", function(value, element) { // 这里实现...
通过设置规则`rules`和错误消息`messages`，可以实现自定义验证。 - **验证规则**：例如，`rules: {email: "required email"}`会要求"email"字段必须填写且格式正确。 - **错误提示**：jQuery Validate允许自定义...
在本主题中，我们重点关注两个与jQuery相关的插件：`jquery.metadata.js`和`jquery.validate.js`，它们对于创建高效、用户友好的表单验证至关重要，特别是在注册和登录等关键界面。 `jquery.metadata.js`是jQuery的...
自定义验证规则也可以通过jQuery.validator.addMethod方法实现。这个方法允许开发者创建一个自定义的验证函数，并可以将其加入到现有的验证规则中。例如，添加一个用户名验证规则： ```javascript jQuery.validator...
在`jqueryvalidate验证demo`中，包含了多个实例，演示了基本验证、自定义规则、验证组等常见功能的应用。通过查看和运行这些示例，可以更深入地理解和掌握jQuery Validate的使用。 总结，jQuery Validate插件以其...
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来...
本文将深入探讨如何使用jQuery Validate插件进行表单验证，包括必要的资源文件、基本配置、验证规则及自定义消息等。 #### 二、资源文件与准备工作 为了使jQuery Validate插件正常工作，需要准备以下文件： 1. **...