热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jquery.validate.min.js使用介绍

jQueryValidatejQueryValidate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项࿰

jQuery Validate

  jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

该插件是由 Jörn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUnit 的维护人员。该插件在 2006 年 jQuery 早期的时候就已经开始出现,并一直更新至今。

}, "只能包括中文字、英文字母、数字和下划线");// 中文字两个字节
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {var length &#61; value.length;for (var i &#61; 0; i 127) {length&#43;&#43;;}}return this.optional(element) || (length >&#61; param[0] && length <&#61; 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 &#61; value.length;var mobile &#61; /^(((13[0-9]{1})|(15[0-9]{1}))&#43;d{8})$/;return this.optional(element) || (length &#61;&#61; 11 && mobile.test(value));
}, "请正确填写您的手机号码");// 电话号码验证
jQuery.validator.addMethod("isTel", function(value, element) {var tel &#61; /^d{3,4}-?d{7,9}$/; //电话号码格式010-12345678return this.optional(element) || (tel.test(value));
}, "请正确填写您的电话号码");// 联系电话(手机/电话皆可)验证
jQuery.validator.addMethod("isPhone", function(value, element) {var length &#61; value.length;var mobile &#61; /^(((13[0-9]{1})|(15[0-9]{1}))&#43;d{8})$/;var tel &#61; /^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 &#61; /^[0-9]{6}$/;return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");function isIdCardNo(num) {var factorArr &#61; newArray(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1);var parityBit &#61; newArray("1", "0", "X", "9", "8", "7", "6", "5", "4", "3", "2");var varArray &#61; new Array();var intValue;var lngProduct &#61; 0;var intCheckDigit;var intStrLen &#61; num.length;var idNumber &#61; num;// initializeif ((intStrLen !&#61; 15) && (intStrLen !&#61; 18)) {return false;}// check and set valuefor (i &#61; 0; i &#39;9&#39;) && (i !&#61; 17)) {return false;} else if (i <17) {varArray[i] &#61; varArray[i] * factorArr[i];}}if (intStrLen &#61;&#61; 18) {//check datevar date8 &#61; idNumber.substring(6, 14);if (isDate8(date8) &#61;&#61; false) {return false;}// calculate the sum of the productsfor (i &#61; 0; i <17; i&#43;&#43;) {lngProduct &#61; lngProduct &#43; varArray[i];}// calculate the check digitintCheckDigit &#61; parityBit[lngProduct % 11];// check last digitif (varArray[17] !&#61; intCheckDigit) {return false;}} else { //length is 15//check datevar date6 &#61; idNumber.substring(6, 12);if (isDate6(date6) &#61;&#61; false) {return false;}}return true;
}function isDate6(sDate) {if (!/^[0-9]{6}$/.test(sDate)) {return false;}var year, month, day;year &#61; sDate.substring(0, 4);month &#61; sDate.substring(4, 6);if (year <1700 || year > 2500) return falseif (month <1 || month > 12) returnfalsereturn true
}function isDate8(sDate) {if (!/^[0-9]{8}$/.test(sDate)) {return false;}var year, month, day;year &#61; sDate.substring(0, 4);month &#61; sDate.substring(4, 6);day &#61; sDate.substring(6, 8);var iaMonthDays &#61; [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]if (year <1700 || year > 2500) return falseif (((year % 4 &#61;&#61; 0) && (year % 100 !&#61; 0)) || (year % 400 &#61;&#61; 0)) iaMonthDays[1] &#61; 29;if (month <1 || month > 12) returnfalseif (day <1 || day > iaMonthDays[month - 1]) return falsereturn 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]&#43;$/.test(value);
}, "只能包括英文字母和数字");// 汉字
jQuery.validator.addMethod("chcharacter", function(value, element) {var tel &#61; /^[u4e00-u9fa5]&#43;$/;return this.optional(element) || (tel.test(value));
}, "请输入汉字");// 字符最小长度验证&#xff08;一个中文字符长度为2&#xff09;
jQuery.validator.addMethod("stringMinLength", function(value, element, param) {var length &#61; value.length;for (var i &#61; 0; i 127) {length&#43;&#43;;}}return this.optional(element) || (length >&#61; param);
}, $.validator.format("长度不能小于{0}!"));// 字符最大长度验证&#xff08;一个中文字符长度为2&#xff09;
jQuery.validator.addMethod("stringMaxLength", function(value, element, param) {var length &#61; value.length;for (var i &#61; 0; i 127) {length&#43;&#43;;}}return this.optional(element) || (length <&#61; param);
}, $.validator.format("长度不能大于{ 0}!"));// 字符验证
jQuery.validator.addMethod("string", function(value, element) {return this.optional(element) || /^[u0391-uFFE5w]&#43;$/.test(value);
}, "不允许包含特殊符号!");// 手机号码验证
jQuery.validator.addMethod("mobile", function(value, element) {var length &#61; value.length;return this.optional(element) || (length &#61;&#61; 11 && /^(((13[0-9]{1})|(15[0-9]{1}))&#43;d{8})$/.test(value));
}, "手机号码格式错误!");// 电话号码验证
jQuery.validator.addMethod("phone", function(value, element) {var tel &#61; /^(d{3,4}-?)?d{7,9}$/g;return this.optional(element) || (tel.test(value));
}, "电话号码格式错误!");// 邮政编码验证
jQuery.validator.addMethod("zipCode", function(value, element) {var tel &#61; /^[0-9]{6}$/;return this.optional(element) || (tel.test(value));
}, "邮政编码格式错误!");// 必须以特定字符串开头验证
jQuery.validator.addMethod("begin", function(value, element, param) {var begin &#61; new RegExp("^"&#43;param);return this.optional(element) || (begin.test(value));
}, $.validator.format("必须以{0}开头!"));// 验证两次输入值是否不相同
jQuery.validator.addMethod("notEqualTo", function(value, element, param) {return value !&#61; $(param).val();
}, $.validator.format("两次输入不能相同!"));//验证值不允许与特定值等于
jQuery.validator.addMethod("notEqual", function(value, element, param) {return value !&#61; param;
}, $.validator.format("输入值不允许为{0}!"));// 验证值必须大于特定值(不能等于)
jQuery.validator.addMethod("gt", function(value, element, param) {return value > param;
}, $.validator.format(“输入值必须大于{0}!"));

 


推荐阅读
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • springboot项目引入jquery浏览器报404错误的解决办法
    本文介绍了在springboot项目中引入jquery时,可能会出现浏览器报404错误的问题,并提供了解决办法。问题可能是由于将jquery.js文件复制粘贴到错误的目录导致的,解决办法是将文件复制粘贴到正确的目录下。如果问题仍然存在,可能是其他原因导致的。 ... [详细]
  • 解决文件名过长下载失败问题的jQuery方案
    本文介绍了使用jQuery解决文件名过长导致下载失败的问题。原方案中存在文件名部分丢失的问题,通过动态生成隐藏域表单并提交的方式来解决。详细的解决方案和代码示例在文章中给出。 ... [详细]
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • Node.js学习笔记(一)package.json及cnpm
    本文介绍了Node.js中包的概念,以及如何使用包来统一管理具有相互依赖关系的模块。同时还介绍了NPM(Node Package Manager)的基本介绍和使用方法,以及如何通过NPM下载第三方模块。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • Jquery 跨域问题
    为什么80%的码农都做不了架构师?JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然 ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • SpringBoot uri统一权限管理的实现方法及步骤详解
    本文详细介绍了SpringBoot中实现uri统一权限管理的方法,包括表结构定义、自动统计URI并自动删除脏数据、程序启动加载等步骤。通过该方法可以提高系统的安全性,实现对系统任意接口的权限拦截验证。 ... [详细]
  • Commit1ced2a7433ea8937a1b260ea65d708f32ca7c95eintroduceda+Clonetraitboundtom ... [详细]
  • 本文介绍了Redis的基础数据结构string的应用场景,并以面试的形式进行问答讲解,帮助读者更好地理解和应用Redis。同时,描述了一位面试者的心理状态和面试官的行为。 ... [详细]
author-avatar
ll平安是福简单是快乐
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有