jquery.validate使用攻略 第三部
更新時(shí)間:2010年07月01日 20:10:40 作者:
自定義jquery-validate的驗(yàn)證行為
1: 自定義表單提交
設(shè)置submitHandler來自定義表單提交動(dòng)作
$(".selector").validate({
submitHandler: function(form) { alert("驗(yàn)證通過"); }
});
如果需要提交表單,可以調(diào)用
form.submit(); 或者$(form).ajaxSubmit();
2: 調(diào)試模式
將debug設(shè)置為true,表單不會(huì)提交,只進(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)證動(dòng)作
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)聚焦在最后一個(gè)動(dòng)作或者最近的一次出錯(cuò)上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果該屬性設(shè)置為True, 那么控件獲得焦點(diǎn)時(shí),移除出錯(cuò)的class定義,隱藏錯(cuò)誤信息,避免和 focusInvalid.一起用。
$(".selector").validate({
focusCleanup: true
})
9: meta
設(shè)置meta來封裝驗(yàn)證規(guī)則
$(".selector").validate({
meta: "validate",
})
設(shè)置submitHandler來自定義表單提交動(dòng)作
$(".selector").validate({
submitHandler: function(form) { alert("驗(yàn)證通過"); }
});
如果需要提交表單,可以調(diào)用
form.submit(); 或者$(form).ajaxSubmit();
2: 調(diào)試模式
將debug設(shè)置為true,表單不會(huì)提交,只進(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)證動(dòng)作
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)聚焦在最后一個(gè)動(dòng)作或者最近的一次出錯(cuò)上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果該屬性設(shè)置為True, 那么控件獲得焦點(diǎn)時(shí),移除出錯(cuò)的class定義,隱藏錯(cuò)誤信息,避免和 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)證(初級(jí)篇) 不使用微軟驗(yàn)證控件的理由
- jquery.validate使用攻略 第一部
- jquery.validate使用攻略 第二部
- jquery.validate使用攻略 第五步 正則驗(yàn)證
- jQuery.validate 常用方法及需要注意的問題
- jQuery.Validate驗(yàn)證庫的使用介紹
- 使用jquery.validate自定義方法實(shí)現(xiàn)"手機(jī)號(hào)碼或者固話至少填寫一個(gè)"的邏輯驗(yàn)證
- 基于Bootstrap+jQuery.validate實(shí)現(xiàn)Form表單驗(yàn)證
- jquery.validate使用詳解
相關(guān)文章
jQuery中removeData()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeData()方法用法,實(shí)例形式分析了removeData()方法移除匹配元素指定數(shù)據(jù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
JQuery自適應(yīng)IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
很高興,終于使用jquery實(shí)現(xiàn)了點(diǎn)擊外部鏈接,更改iframe內(nèi)容時(shí),iframe的高度自適應(yīng)問題。2011-03-03
BootStrap網(wǎng)頁中代碼顯示<code><pre>用法詳解
網(wǎng)頁中代碼的顯示,包括行中代碼顯示;成段的代碼顯示.本文給大家介紹bootstrap網(wǎng)頁中代碼顯示<code><pre>用法詳解,感興趣的朋友一起看看吧2016-10-10
jquery驗(yàn)證郵箱格式是否正確實(shí)例講解
這篇文章主要介紹了一個(gè)jquery驗(yàn)證郵箱格式是否正確的實(shí)踐案例,利用正則表達(dá)式進(jìn)行驗(yàn)證,感興趣的小伙伴們可以參考一下2015-11-11
jQuery拖拽通過八個(gè)點(diǎn)改變div大小
這篇文章主要為大家詳細(xì)介紹了jQuery拖拽通過八個(gè)點(diǎn)改變div大小,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12
jQuery點(diǎn)擊導(dǎo)航欄選中更換樣式的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery點(diǎn)擊導(dǎo)航欄選中更換樣式的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-01-01
Ext.get() 和 Ext.query()組合使用實(shí)現(xiàn)最靈活的取元素方式
想要利用ExtJS的庫函數(shù)對(duì)DOM進(jìn)行各類操作,就要得到Element類型的對(duì)象,但是Ext.get()取到的雖然是Element,但是參數(shù)只能是id,如果大家對(duì)jQuery的selector方式很喜歡和崇拜,那么就一定要學(xué)習(xí)Ext.get()和Ext.query()的組合方式。2011-09-09
jQuery時(shí)間插件jquery.clock.js用法實(shí)例(5個(gè)示例)
這篇文章主要介紹了jQuery時(shí)間插件jquery.clock.js用法,結(jié)合5個(gè)實(shí)例簡(jiǎn)單分析了jQuery時(shí)間插件jquery.clock.js的具體使用技巧,需要的朋友可以參考下2016-01-01

