從零開始學jQuery Validate 之01

jquery validate 外掛程式為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定製選項，滿足應用程式各種需求。該外掛程式**了一套有用的驗證方法，包括 url 和電子郵件驗證，同時提供了乙個用來編寫使用者自定義方法的 api。所有的**方法預設使用英語作為錯誤資訊，且已翻譯成其他 37 種語言。

該外掛程式是由 jörn zaefferer 編寫和維護的，他是 jquery 團隊的一名成員，是 jquery ui 團隊的主要開發人員，是 qunit 的維護人員。該外掛程式在 2006 年 jquery 早期的時候就已經開始出現，並一直更新至今

序號規則描述1

required:true

必須輸入的字段。

2remote:"check.php"

使用 ajax 方法呼叫 check.php 驗證輸入值。

3email:true

必須輸入正確格式的電子郵件。

4url:true

必須輸入正確格式的**。

5date:true

必須輸入正確格式的日期。日期校驗 ie6 出錯，慎用。

6dateiso:true

必須輸入正確格式的日期（iso），例如：2009-06-23，1998/01/22。只驗證格式，不驗證有效性。

7number:true

必須輸入合法的數字（負數，小數）。

8digits:true

必須輸入整數。

9creditcard:

必須輸入合法的信用卡號。

10equalto:"#field"

輸入值必須和 #field 相同。

11accept:

輸入擁有合法字尾名的字串（上傳檔案的字尾）。

12maxlength:5

輸入長度最多是 5 的字串（漢字算乙個字元）。

13minlength:10

輸入長度最小是 10 的字串（漢字算乙個字元）。

14rangelength:[5,10]

輸入長度必須介於 5 和 10 之間的字串（漢字算乙個字元）。

15range:[5,10]

輸入值必須介於 5 和 10 之間。

16max:5

輸入值不能大於 5。

17min:10

輸入值不能小於 10。

messages
: characters."
),minlength:$
.validator
.format
("please enter at least  characters."
),rangelength:$
.validator
.format
("please enter a value between  and  characters long."
),range:$
.validator
.format
("please enter a value between  and ."
),max:$
.validator
.format
("please enter a value less than or equal to ."
),min:$
.validator
.format
("please enter a value greater than or equal to ."
)}

jquery validate提供了中文資訊提示包：

(function( factory )  else 
}(function( $ )  個字元"),
minlength: $.validator.format("最少要輸入  個字元"),
rangelength: $.validator.format("請輸入長度在  到  之間的字串"),
range: $.validator.format("請輸入範圍在  到  之間的數值"),
max: $.validator.format("請輸入不大於  的數值"),
min: $.validator.format("請輸入不小於  的數值")
});}));

jquery.validate.js的使用

//設定錯誤資訊提示的樣式

從零開始學jQuery Validate 之01

零開始學python 從零開始學Python

從零開始學android

從零開始學樹

從零開始學jQuery Validate 之01

零開始學python 從零開始學Python

從零開始學android

從零開始學 樹

相關推薦

從零開始學樹