Validate 驗證框架詳解

2021-09-02 16:19:29 字數 1354 閱讀 9161

[color=red]預設情況下,驗證提示資訊用label元素來顯示, 並且會新增css class, 通過css可以很方便設定出錯控制項以及錯誤資訊的顯示方式。

/* 輸入控制項驗證出錯*/

form input.error

/* 驗證錯誤提示資訊*/

form label.error

如果想自定義顯示方式,可以修改jquery.validate的預設顯示方式

預設用label顯示錯誤訊息,可以通過errorelement屬性來修改

errorelement: 錯誤訊息的html標籤

$(".selector").validate

errorelement: "em"

}) 可以在出錯資訊外用其他的元素包裝一層。

$(".selector").validate()

驗證出錯的css class預設是error,通過errorclass可以修改

errorclass: 驗證出錯時使用的css class

$(".selector").validate()

還自定義驗證成功時的動作

success: 如果值是字串,會當做乙個css類,如果是乙個函式,則執行該函式

$(".selector").validate()

或者 success: function(label)

還可以把錯誤訊息統一到乙個容器顯示

errorlabelcontainer: 將錯誤訊息統一到乙個容器顯示

$("#myform").validate()

預設情況下,錯誤訊息是放在驗證元素後面的,可以自定義錯誤訊息的顯示位置

$(".selector").validate(

}) 更進一步可以定義乙個組,把幾個地方的出錯資訊統一放在乙個地方,用error placement控制把出錯資訊放在**

groups:定義乙個組

$(".selector").validate(,

errorplacement: function(error, element)

}) 高亮顯示

highlight: 高亮顯示,預設是新增errorclass

unhighlight: 和highlight對應,反高亮顯示

$(".selector").validate(,

unhighlight: function(element, errorclass)

});

或者可以完全自定義錯誤顯示

showerrors: 得到錯誤的顯示控制代碼

$(".selector").validate(

}) [/u][/u][/color]

特殊驗證validate

jquery.validator.addmethod bytemaxlength function value,element,param returnthis.optional element length param validator.format 不能超過個位元組 乙個中文字算2個位元組 j...

validate表單驗證

1.頁面資訊。2.新增自定義校驗 additional methods.js 1 寫在 additional methods.js 檔案中,自行建立。2 呼叫前要新增對 additional methods.js 檔案的引用。jquery.validator.addmethod iszipcode ...

TP框架中的自動驗證功能 validate

thinkphp 中 validate 關鍵字是在模型中定義的自動驗證資料的功能。驗證的規則可以是進行資料型別 業務規則 安全判斷等方面的驗證操作。資料驗證有兩種方式 靜態方式 在模型類裡面通過 validate屬性定義驗證規則。動態方式 使用模型類的validate方法動態建立自動驗證規則。無論是...