今天我們來說一下表單驗證，有人說我們在進行表單驗證的時候使用正則來驗證是非常麻煩的，現在我來給大家介紹一下表單驗證的插件：jquery.validate.min.js

它是與jquery一起結合用來使用的，使用它是非常方便，只需寫校驗規則和錯誤字段即可。

我們常見的校驗規則有以下幾種：

(1)required:true               必輸字段
(2)email:true                  必須輸入正確格式的電子郵件
(3)date:true                   必須輸入正確格式的日期
(4)dateISO:true                必須輸入正確格式的日期(ISO)
(5)digits:true                 必須輸入整數
(6)equalTo:"#pass"           輸入值必須和#pass相同
(7)maxlength:5                輸入長度最多是5的字符串
(8)minlength:10               輸入長度最小是10的字符串
(9)rangelength:[5,10]         輸入長度必須介于 5 和 10 之間
(10)range:[5,10]               輸入值必須介于 5 和 10 之間
(11)max:5                      輸入值不能大于5
(12)min:10                     輸入值不能小于10

然后接著寫提示字段就可以了，不過可以不寫，因為它有英文的提示字段，下面就來請大家看一下以下代碼：

我們在使用插件之前必不可缺的是要引入jquery文件 和插件

<script src="jquery-1.9.1.js"></script><script src="jquery.validate.min.js"></script>

然后就來看一下html代碼

<form action="" id="mgForm"> //寫表單驗證比不缺少的是我們的form標簽  <div> //關于用戶名的布局    <label for="user">username:</label>    <input type="text" name="username" id="user">  </div>  <div>//關于密碼的布局    <label for="pass">password:</label>    <input type="text" name="password" id="pass">  </div>  <div>//重置密碼    <label for="pass1">form-password:</label>    <input type="text" name="password1" id="pass1">  </div>  <div>//年齡    <label for="age">age:</label>    <input type="text" name="age" id="age">  </div>  <div>//email    <label for="email">email:</label>    <input type="text" name="email" id="email">  </div>  <input type="submit" value="提交"> //我們在提交數據時提交的按鈕應該為submit類型的</form>