jQuery之Validate表單校驗外掛程式

2021-08-21 21:22:49 字數 1574 閱讀 6211

目錄

validate表單校驗 步驟

1.匯入jquery外掛程式

2.匯入validate外掛程式

3.匯入validate中文提示外掛程式

3.在頁面載入成功之後,對表單進行校驗

4.在validate中編寫校驗規則 模板

校驗器規則

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

$("#選擇器").validate({});
$("選擇器").validate(,

messages:{}

});

序號

規則描述

1required: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。

校驗規則名稱:rules中自定義名稱

校驗函式:function(value,element,params)   value是校驗元件的value值、element是校驗元件的節點物件、params是校驗規則的引數值

校驗器布林值:false-校驗器不通過,true-校驗器通過

jquery系列之 validate的基本使用

validate的基本使用 custcode 為我form表單需要驗證的字段,這個欄位為input name屬性 type text remote 新增的後台驗證驗證改編碼是否唯一,後台 就不寫了。custcode focus validateform inputform validate cust...

JQuery外掛程式之Validate校驗功能

介紹 前端校驗框架 使用方法 1.引入js2.在form上面給乙個id的屬性3.在form中的控制項上新增校驗 4.常見的規則有如下這些 注意事項 預設提示是英文的 如果你想要用到中文的提示 如果要使用到中文 請引入乙個中文的補丁預設校驗規則 序號 規則 描述 1 required true 必須輸...

jquery 外掛程式 validate 學習

jquery是十分方便的對於現在來說。首先應該明白乙個問題 password 請問的父元素是誰?當然,如果看不出來,我們可以使用chrome瀏覽器一眼真假 這兩個是必須要的引入,rules 包含了所有的驗證規則,message中是驗證成功提示的資訊,success string,function 如...