表單驗證外掛程式----jquery validation

標籤：add   post   maxlength   使用   nal   ida   text   郵箱   數字   

1、：http://jqueryvalidation.org/

2、使用方法：

<script type="text/javascript" src="http://www.xftz.cn/templets/yuanyou/js/jquery-1.12.1.min.js"></script><script type="text/javascript" src="js/jquery.validate.min.js"></script>
jquery表單對象.validate()

3、validade()方法

作用：驗證選中的表單，傳入一個設定物件用於對驗證進行各種配置。

3.1.1、rules

作用：為各種表單元素添加各種驗證規則

類型：object

使用方法：rules：{

　　　　name屬性值：{

　　　　驗證規則1,

　　　　驗證規則2,

　　　　...

　　　　}...

}

3.1.2、內建的驗證規則：

1)、required：必須輸入的欄位

使用：required：true，如果這個標籤只有這一條驗證規則，可以簡寫：name屬性值："required"

2)、minlength:最小字元長度

3)、maxlength:最大字元長度

4)、rangelength:字元長度必須介於某個區間

使用：rangelength：[2,3]

5)、min：輸入值被允許的最小值（數字）

6)、max：輸入值被允許的最大值（數字）

7)、range:[5,10]，輸入值必須介於某個區間

8)、number：true，必須是合法的數字

9)、digits:true,必須是整數

10)、email:true,必須是正確的郵箱

11)、url:true,必須是正確的網址

12)、equalTo：jq選取器，輸入值必須和給定選取器的值相同

13)、remote：{

　　　　　　url："check_email.php",

　　　　　　type:"post",

　　　　　　data:{

　　　　　　　　username:"xulinjun"

　　　　　　}

}

使用ajax方法，調用伺服器端指令碼，驗證輸入值

14)、extension：限定特定格式的尾碼名，多個用"|"隔開，（需要引入additional-methods.min檔案）

表單驗證外掛程式----jquery validation