一、jQuery Validate插件介绍。

jQuery Validate插件为表单提供了强大的验证功能，使得客户端的表单验证变得更加容易，并且提供了大量的定制选项来满足应用的各种需求。该插件捆绑了一组有用的身份验证方法，包括URL和电子邮件身份验证，并为编写用户定义的方法提供了一个API。默认情况下，所有绑定方法都使用英语作为错误消息，并且已经被翻译成37种其他语言。

该插件由rn Zaefferer编写和维护，他是jQuery团队的成员，jQuery UI团队的主要开发人员，也是QUnit的维护者。

官网：http://foundation . de/jquery-plugins/jquery-plugin-validation/在线文档：http://docs.jquery.com/Plugins/Validation在线API:http://jquery.bassistance.de/api-browser/plugins.html II。介绍jQuery Validate的特性。

JQuery Validate具有以下特征：

(1)内置验证规则；

强大的jQuery表单验证插件适用于电子邮件、电话号码、网址等的日常验证。和Ajax验证。除了丰富的验证规则，还可以添加自定义的验证规则。

兼容ie 6、chrome、Firefox、safari和opera 10。

(2)自定义验证规则；

(3)简单有力的信息提示。

(4)实时验证：验证是由按键或模糊事件触发的，而不仅仅是提交时。第三，学习jQuery Validate的一个简单例子。

这些例子的前提是需要引入jQuery库和Validation插件。

脚本类型=' text/JavaScript ' src=' http :/./lib/jquery-1 . 11 . 1 . js/' script script type=' text/JavaScript ' src=' http 3360././dist/jquery.validate.js'/。

head title jquery plugin-一个带有验证的简单示例/title meta http-equiv=' content-type ' content=' text/html；charset=UTF-8' /脚本类型=' text/JavaScript ' src=' http :/./lib/jquery-1 . 11 . 1 . js/'脚本脚本类型=' text/JavaScript ' src=' http :/./dist/jquery . validate . js '/script script type=' text/JavaScript ' src=' http :/./dist/localization/messages _ zh . js '/脚本样式类型=' text/CSS ' * { font-family : Verdana；font-size :13 px；} input[type=' text ']{ width :200 px；} textarea { width:155px}标签{ width: 10em向左浮动：} label.error { float: none颜色：红色；左填充left:5em垂直对齐：顶部；} /style script $(文档)。ready(function(){ $(' # comment form '))。validate()；});/script/head body form id=' comment form ' method=' get ' action=' field set图例表单验证/图例草图名称/Label input name=' name ' class=' required ' maxlength=' 4 ' min length=' 2 '/p plabel E-Mail/Label input name=' email ' class=' required email '/p plabel URL/Label name=' URL ' class=' URL '/p plabeltext/Label textarea name=' text ' cols=' 22 ' class=' required '/textarea/p pin

以上验证说明：1)首先要介绍JQuery-1.11.1.js，因为这个插件是基于JQuery的。2)介绍验证插件jquery.validate.js 3)介绍提示本地化脚本。验证信息国际化，默认验证提示为英文，通过导入验证中编写的国际化文件即可实现国际化。更改错误/更正消息的显示样式。4)在输入框的类属性中添加需要验证的类型。对于不同的字段，编写验证规则并设置字段的相应属性。

一些可验证的规则类型：

(1)required d : true必填字段(2)remote 3360“check.shtml”使用ajax方法调用check . shtml验证输入值(3) email3360true必须以正确的格式输入电子邮件(只能验证格式。有效性不保证)(4)URL : try必须以正确的格式输入网站地址(5)date3360 try必须以正确的格式输入日期(6)date40true必须以正确的格式(ISO)输入日期，例如：2009年6月23日，1998年1月22日仅验证格式。不验证有效性(7)数字：您必须输入一个合法的数字(负数，十进制)(8)数字：必须是一个整数(9)信用卡3360必须是一个合法的信用卡号码(10)等于：'#field '必须与#field (11)相同accept:输入一个带有合法后缀(上传文件的后缀)(12)的字符串。Maxlength:5输入最大长度为5的字符串(中文字符算作一个字符)(13)minlength:10输入最小长度为10的字符串(中文字符算作一个字符)(14)范围长度3360 [5，10]输入长度必须介于5和10 '之间的字符串(中文字符算作一个字符)(15)范围： [5，10]的输入值必须介于输入值的5和10 (16)之间

脚本类型='text/javascript'////！[CDATA[$(文档)。ready(function(){ $(' # comment form '))。validate()；});//]]/脚本本文已整理成《jquery表单验证大全》，欢迎大家学习阅读。

以上是jquery validate表单验证的入门学习，希望对大家的学习有所帮助。