jquery validate 新增自定義樣式

2021-09-10 14:32:36 字數 1145 閱讀 4690

validate外掛程式的預設錯誤資訊插入位置是要驗證的元素的後面,所用的標籤是 ,驗證不通過時,會給label以及所驗證的元素新增 class=error, 驗證通過後,label會被隱藏.

1.errorelement:標籤名

表示錯誤資訊所用的標籤,預設是label

2.errorplacement:function(error,element)

error指的是錯誤資訊,如使用者名稱有誤,element指的是校驗的元素,如使用者名稱輸入框,方法體內可以寫錯誤資訊出現在校驗元素,如:

errorplacement: function (error, element) ,

3.success:function(引數名)

引數指的是錯誤資訊的標籤,方法體可以寫對這個標籤的樣式的操作.

4.showerrors:function (errormap, errorlist) {}

這裡只用到errormap,errormap是出錯元素的乙個鍵值對的集合, 其中的鍵是元素name屬性的值,值是元素的value.

css**:

em 

em.success

js**:

$(function () ,

messages: ,

errorelement: "em", //可以用其他標籤,記住把樣式也對應修改

success: function(em) ,

showerrors:function (errormap, errorlist)

this.defaultshowerrors();

//預設的錯誤資訊顯示樣式}})

});

html**:

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 請正確填...