validate外掛程式使用

2021-08-21 05:06:37 字數 1554 閱讀 5450

引入js

使用:(1)控制項屬性方式

(2)js 鍵值對傳參方式

$(function()

},//錯誤提示部分

messages:

}});

});校驗規則:

規則名說明

required:true

必須輸入字段

email:true

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

url:true

必須輸入正確格式的**

date:true

必須輸入正確格式的日期(ie6 驗證出錯)

dateiso:true

必須輸入正確格式的日期(iso) (只驗證格式, 不驗證有效)

number:true

必須輸入合法的數字(負數,小數)

digits:true

必須輸入正整數

creditcard:true

必須輸入合法的信用卡號,例如:5105105105105100

equalto:」#field」

輸入值必須和#field 相同        equalto:"input[name='pwd']"

minlength:5

輸入長度最小是 5 的字串(漢字算乙個字元)

maxlength:10

輸入長度最多是 10 的字串(漢字算乙個字元)

rangelength:[5,10]

輸入長度介於 5 和 10 之間的字串」)(漢字算乙個字元)

range:[5,10]

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

min:5

輸入值不能小於 5

max:10

輸入值不能大於 10

remote:」check.php」

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

開啟除錯模式禁止提交

當我們在除錯時,只需要檢測能否驗證,而不需要頁面進行跳轉時,可以開啟除錯模式禁止提交

$('#reg').validate(,

});設定成功後載入的樣式

validate.js外掛程式內建的驗證成功的樣式為」valid」,我們可以在css樣式中自定義valid的樣式:

.valid

當然,也可以修改驗證提示訊息,可以自定義標籤的樣式以及新增文字說明:

success : function(label)

},          

messages : - 位之間!',

remote : '賬號被占用',

},validation怎麼顯示錯誤提示的

1、錯誤提示是validation自己新增的

2、怎麼新增,在當前輸入項後面是一 label 標籤新增

3、設定的兩個屬性:

class = "error"

for = "輸入項的name值"

可以使用 css 修改錯誤提示的樣式

使用 label標籤 或 error 這個 class

label

.error );

使用validate 函式中,使用,使用語法和 內建的校驗型別一樣

使用JQuery外掛程式Validate對表單進行校驗

使用jquery外掛程式validate對表單進行校驗 在web工程中引入validate 工具包 引入js檔案。基本語法 validate的rules和messages表示校驗規則和錯誤資訊,均為json格式。示例 這裡要注意以下細節 所有需要被校驗的元素都必須有 name 屬性,並且其取值在乙個...

JQuery的Validate外掛程式的使用

一 簡述 validate外掛程式 於jquery,在網頁端的表單對資料進行校驗。不同的外掛程式有不同的功能,這個validate外掛程式主要簡化了前端開發人員對表單資料校驗時js 利用外掛程式可以提高網頁開發速度,而且校驗資料更加全面。二 如何使用 2 在這裡簡單介紹一下校驗規則和校驗訊息 1 校...

jQuery外掛程式中validate的使用

validate簡介 自帶驗證規則,包括必填,數字,url等 驗證提示資訊 就是驗證失敗時候的提示資訊,要想顯示中文需要外掛程式支援 多種事件觸發,不僅可以在提交 單擊submit型別的按鈕 時,還可以在keyup,blur事件中觸發驗證 4.允許自定義驗證規則 validate使用方法 引入jqu...