jquery.validate使用攻略 第三部
更新時(shí)間:2010年07月01日 20:10:40 作者:
自定義jquery-validate的驗(yàn)證行為
1: 自定義表單提交
設(shè)置submitHandler來自定義表單提交動作
$(".selector").validate({
submitHandler: function(form) { alert("驗(yàn)證通過"); }
});
如果需要提交表單,可以調(diào)用
form.submit(); 或者$(form).ajaxSubmit();
2: 調(diào)試模式
將debug設(shè)置為true,表單不會提交,只進(jìn)行檢查,方便調(diào)試
$(".selector").validate({
debug: true
})
3: 設(shè)置validate的默認(rèn)值
使用setDefaults可以設(shè)置validate的默認(rèn)值,比如默認(rèn)所有表單驗(yàn)證都是在debug模式下進(jìn)行
$.validator.setDefaults({
debug: true
})
4: 某些元素不驗(yàn)證
設(shè)置ignore屬性可以忽略某些元素不驗(yàn)證
$(".selector").validate({
ignore: "ignore"
})
5: 驗(yàn)證時(shí)機(jī)
jquery.validate可以很方便的設(shè)置在什么時(shí)候觸發(fā)驗(yàn)證動作
onsubmit: 提交時(shí)是否驗(yàn)證
$(".selector").validate({
onsubmit: false
})
onfocusout: 失去焦點(diǎn)時(shí)驗(yàn)證(checkboxes/radio除外)
$(".selector").validate({
onfocusout: false
})
onkeyup: 在keyup時(shí)驗(yàn)證
$(".selector").validate({
onkeyup: false
})
onclick: 在checkboxes、radio點(diǎn)擊時(shí)驗(yàn)證.
$(".selector").validate({
onclick: false
})
6: 重寫驗(yàn)證規(guī)則和驗(yàn)證提示信息
//重寫max的的驗(yàn)證提示信息
$.validator.messages.max = jQuery.format("Your totals musn't exceed {0}!");
//重寫equal方法
$.validator.methods.equal = function(value, element, param) {
return value == param;
};
7: focusInvalid 是否把焦點(diǎn)聚焦在最后一個動作或者最近的一次出錯上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果該屬性設(shè)置為True, 那么控件獲得焦點(diǎn)時(shí),移除出錯的class定義,隱藏錯誤信息,避免和 focusInvalid.一起用。
$(".selector").validate({
focusCleanup: true
})
9: meta
設(shè)置meta來封裝驗(yàn)證規(guī)則
$(".selector").validate({
meta: "validate",
})
設(shè)置submitHandler來自定義表單提交動作
$(".selector").validate({
submitHandler: function(form) { alert("驗(yàn)證通過"); }
});
如果需要提交表單,可以調(diào)用
form.submit(); 或者$(form).ajaxSubmit();
2: 調(diào)試模式
將debug設(shè)置為true,表單不會提交,只進(jìn)行檢查,方便調(diào)試
$(".selector").validate({
debug: true
})
3: 設(shè)置validate的默認(rèn)值
使用setDefaults可以設(shè)置validate的默認(rèn)值,比如默認(rèn)所有表單驗(yàn)證都是在debug模式下進(jìn)行
$.validator.setDefaults({
debug: true
})
4: 某些元素不驗(yàn)證
設(shè)置ignore屬性可以忽略某些元素不驗(yàn)證
$(".selector").validate({
ignore: "ignore"
})
5: 驗(yàn)證時(shí)機(jī)
jquery.validate可以很方便的設(shè)置在什么時(shí)候觸發(fā)驗(yàn)證動作
onsubmit: 提交時(shí)是否驗(yàn)證
$(".selector").validate({
onsubmit: false
})
onfocusout: 失去焦點(diǎn)時(shí)驗(yàn)證(checkboxes/radio除外)
$(".selector").validate({
onfocusout: false
})
onkeyup: 在keyup時(shí)驗(yàn)證
$(".selector").validate({
onkeyup: false
})
onclick: 在checkboxes、radio點(diǎn)擊時(shí)驗(yàn)證.
$(".selector").validate({
onclick: false
})
6: 重寫驗(yàn)證規(guī)則和驗(yàn)證提示信息
//重寫max的的驗(yàn)證提示信息
$.validator.messages.max = jQuery.format("Your totals musn't exceed {0}!");
//重寫equal方法
$.validator.methods.equal = function(value, element, param) {
return value == param;
};
7: focusInvalid 是否把焦點(diǎn)聚焦在最后一個動作或者最近的一次出錯上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果該屬性設(shè)置為True, 那么控件獲得焦點(diǎn)時(shí),移除出錯的class定義,隱藏錯誤信息,避免和 focusInvalid.一起用。
$(".selector").validate({
focusCleanup: true
})
9: meta
設(shè)置meta來封裝驗(yàn)證規(guī)則
$(".selector").validate({
meta: "validate",
})
您可能感興趣的文章:
- jQuery.Validate 使用筆記(jQuery Validation范例 )
- 使用jQuery.Validate進(jìn)行客戶端驗(yàn)證(初級篇) 不使用微軟驗(yàn)證控件的理由
- jquery.validate使用攻略 第一部
- jquery.validate使用攻略 第二部
- jquery.validate使用攻略 第五步 正則驗(yàn)證
- jQuery.validate 常用方法及需要注意的問題
- jQuery.Validate驗(yàn)證庫的使用介紹
- 使用jquery.validate自定義方法實(shí)現(xiàn)"手機(jī)號碼或者固話至少填寫一個"的邏輯驗(yàn)證
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
- jquery.validate使用詳解
相關(guān)文章
基于jquery實(shí)現(xiàn)左右按鈕點(diǎn)擊的圖片切換效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)左右按鈕點(diǎn)擊的圖片切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2015-11-11jQuery bt氣泡實(shí)現(xiàn)懸停顯示及移開隱藏功能的方法
這篇文章主要介紹了jQuery bt氣泡實(shí)現(xiàn)懸停顯示及移開隱藏功能的方法,通過頁面元素屬性的動態(tài)變換實(shí)現(xiàn)氣泡提示框的效果,需要的朋友可以參考下2016-07-07jQuery Layer彈出層傳值到父頁面的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery Layer彈出層傳值到父頁面的實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-08-08jQuery簡單tab切換效果實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery簡單tab切換效果實(shí)現(xiàn)方法,涉及jQuery鏈?zhǔn)讲僮骷氨闅v的技巧,是非常具有實(shí)用價(jià)值的功能,需要的朋友可以參考下2015-04-04jQuery+css實(shí)現(xiàn)百度百科的頁面導(dǎo)航效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)百度百科的頁面導(dǎo)航效果,需要的朋友可以參考下2014-12-12JQuery遍歷元素的后代和同胞實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query遍歷元素的后代和同胞實(shí)現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09使用jQuery ajaxupload插件實(shí)現(xiàn)無刷新上傳文件
項(xiàng)目中會經(jīng)常用到AJAX無刷新上傳圖片,但是iframe上傳和flash插件都是比較復(fù)雜的,所以就找了一個jquery的插件。下面通過實(shí)例代碼給大家介紹使用jQuery ajaxupload插件實(shí)現(xiàn)無刷新上傳文件功能,需要的朋友參考下吧2017-04-04jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04