一、 jQuery Validate 插件的介紹
jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應用程序各種需求。該插件捆綁了一套有用的驗證方法，包括 URL 和電子郵件驗證，同時提供了一個用來編寫用戶自定義方法的 API。所有的捆綁方法默認使用英語作為錯誤信息，且已翻譯成其他 37 種語言。
該插件是由 Jörn Zaefferer 編寫和維護的，他是 jQuery 團隊的一名成員，是 jQuery UI 團隊的主要開發人員，是 QUnit 的維護人員。
最常使用JavaScript的場合就是表單的驗證，而jQuery作為一個優秀的JavaScript庫，也提供了一個優秀的表單驗證插件----Validation。Validation是歷史最悠久的jQuery插件之一，經過了全球范圍內不同項目的驗證，並得到了許多Web開發者的好評。
官方網站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
在線文檔：http://docs.jquery.com/Plugins/Validation
在線 API：http://jquery.bassistance.de/api-browser/plugins.html
配置說明:http://docs.jquery.com/Plugins/Validation/validate#options
項目介紹：http://plugins.jquery.com/project/validate
Github：https://github.com/jzaefferer/jquery-validation
二、jQuery Validate 擁有的特點介紹
作為一個標准的驗證方法庫，jQuery Validate 擁有以下的特點：
（1）內置驗證規則。擁有必填、數字、Email、URL和信用卡號碼等19類內置驗證規則。功能強大的 jQuery 表單驗證插件，適用於日常的 E-mail、電話號碼、網址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規則外，還可以添加自定義的驗證規則。
兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+ 。
（2）自定義驗證規則。可以很方便地自定義驗證規則。
（3） 簡單，強大的信息提示。默認了驗證信息提示，並提供自定義覆蓋默認的提示信息的功能。
（4） 實時驗證：通過keyup 或是blur事件來觸發校驗，而不僅僅是提交的時候進行校驗。
三、jQuery Validate 的下載地址
（1）官網下載地址 ：http://jqueryvalidation.org/
（2）Github 開源項目： https://github.com/jzaefferer/jquery-validation
四、簡單的例子來學習jQuery Validate
這些例子前提都是需要引入jQuery庫和Validation插件。
<script type="text/javascript" src="../../lib/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../../dist/jquery.validate.js"></script>
1. 利用插件進行一些簡單的校驗
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery PlugIn -一個簡單帶驗證例子</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../../lib/jquery-1.11.1.js"></script>
<script type="text/javascript" src="../../dist/jquery.validate.js"></script>
<script type="text/javascript" src="../../dist/localization/messages_zh.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size:13px; }
input[type='text']{width:200px;}
textarea{width:155px;}
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
</style>
<script>
$(document).ready(function(){
$("#commentForm").validate();
});
</script>
</head>
<body>
<form id="commentForm" method="get" action="" >
<fieldset>
<legend>表單驗證</legend>
<p><label>Name</label><input name="name" class="required" maxlength="4" minlength="2" /></p>
<p><label >E-Mail</label><input name="email" class="required email" /></p>
<p><label >URL</label><input name="url" class="url"/></p>
<p><label>text</label><textarea name="text" cols="22" class="required"></textarea></p>
<p><input class="submit" type="submit" value="提交"/></p>
</fieldset>
</form>
</body>
</html>
效果如下：
以上的校驗的解釋：
（1）首先需要引入jquery-1.11.1.js，因為這個插件實在JQuery的基礎上進行的。
（2）引入校驗插件 jquery.validate.js 。
（3）引入提示本地化腳本。驗證信息的國際化，默認驗證提示是英文的，導入validation已寫好的國際化文件就可實現國際化。改變 錯誤/正確 消息顯示樣式。
（4）在input框的class屬性中添加要校驗的類型。針對不同的字段，進行驗證規則編碼，設置字段相應的屬性
其中的一些可驗證的規則類型：
(1)required:true 必輸字段 (2)remote:"check.shtml" 使用ajax方法調用check.shtml驗證輸入值 (3)email:true 必須輸入正確格式的電子郵件(只能驗證格式,不保證有效性) (4)url:true 必須輸入正確格式的網址 (5)date:true 必須輸入正確格式的日期 (6)dateISO:true 必須輸入正確格式的日期(ISO)，例如：2009-06-23，1998/01/22 只驗證格式，不驗證有效性 (7)number:true 必須輸入合法的數字(負數，小數) (8)digits:true 必須輸入整數 (9)creditcard: 必須輸入合法的信用卡號 (10)equalTo:"#field" 輸入值必須和#field相同 (11)accept: 輸入擁有合法后綴名的字符串（上傳文件的后綴） (12)maxlength:5 輸入長度最多是5的字符串(漢字算一個字符) (13)minlength:10 輸入長度最小是10的字符串(漢字算一個字符) (14)rangelength:[5,10] 輸入長度必須介於 5 和 10 之間的字符串")(漢字算一個字符) (15)range:[5,10] 輸入值必須介於 5 和 10 之間 (16)max:5 輸入值不能大於5 (17)min:10 輸入值不能小於10
（5）確定哪個表單需要被驗證
<script type="text/javascript"> ////<![CDATA[ $(document).ready(function(){ $("#commentForm").validate(); }); //]]> </script>