jQuery Validate 強大的表單驗證

2022-02-08 11:46:53 字數 2198 閱讀 9674

二、預設規則

序號規則描述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 ." )

}

(function( factory )  else 

}(function( $ ) 個字元"),

minlength: $.validator.format("最少要輸入 個字元"),

rangelength: $.validator.format("請輸入長度在 到 之間的字串"),

range: $.validator.format("請輸入範圍在 到 之間的數值"),

max: $.validator.format("請輸入不大於 的數值"),

min: $.validator.format("請輸入不小於 的數值")

});}));

你可以將該本地化資訊檔案 dist/localization/messages_zh.js 引入到頁面:

四、示例

①寫在dom裡

②寫在js裡

先定義

$().ready(function() ,

password: ,

confirm_password: ,

email: ,

topic: ,

agree: "required"

},messages: ,

password: ,

confirm_password: ,

email: "請輸入乙個正確的郵箱",

agree: "請接受我們的宣告",

topic: "請選擇兩個主題"

}});

在以name的方式拿來用

jquery validate 校驗心得

1.rule 裡面的設定的各個項是以name 做為關鍵字,莫以id做為唯一值。謹記 2.jquery.validator.format 的使用列子 button click function this is alert str str jquery.validator.format str,worl...

jQuery Validate外掛程式使用

這幾天一直在接觸驗證方面的工作,jquery validate是乙個比較常用的驗證外掛程式,說一下心得吧。效果圖類似 說乙個簡單的,現在需求是模板編號只能是正整數數字。控制項 如下 模板編號 接下來就是使用jquery了,第一步肯定是匯入js庫了,這個不用說,第二步開始寫js 解釋一下吧,首先jqu...

jQuery Validate 觸發機制

lang en charset utf 8 titletitle src jquery 1.11.2.js script src jquery.validate.min.js script document ready function 15 0 9 18 0 9 d test value 請正確填...