jquery.validate使用攻略 第三部
阿新 • • 發佈:2019-01-01
1: 自定義表單提交
設定submitHandler來自定義表單提交動作
$(".selector").validate({
submitHandler: function(form) { alert("驗證通過"); }
});
如果需要提交表單,可以呼叫
form.submit(); 或者$(form).ajaxSubmit();
2: 除錯模式
將debug設定為true,表單不會提交,只進行檢查,方便除錯
$(".selector").validate({
debug: true
})
3: 設定validate的預設值
使用setDefaults可以設定validate的預設值,比如預設所有表單驗證都是在debug模式下進行
$.validator.setDefaults({
debug: true
})
4: 某些元素不驗證
設定ignore屬性可以忽略某些元素不驗證
$(".selector").validate({
ignore: "ignore"
})
5: 驗證時機
jquery.validate可以很方便的設定在什麼時候觸發驗證動作
onsubmit: 提交時是否驗證
$(".selector").validate({
onsubmit: false
})
onfocusout: 失去焦點時驗證(checkboxes/radio除外)
$(".selector").validate({
onfocusout: false
})
onkeyup: 在keyup時驗證
$(".selector").validate({
onkeyup: false
})
onclick: 在checkboxes、radio點選時驗證.
$(".selector").validate({
onclick: false
})
6: 重寫驗證規則和驗證提示資訊
//重寫max的的驗證提示資訊
$ssages.max = jQuery.format("Your totals musn't exceed {0}!");
//重寫equal方法
$thods.equal = function(value, element, param) {
return value == param;
};
7: focusInvalid 是否把焦點聚焦在最後一個動作或者最近的一次出錯上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果該屬性設定為True, 那麼控制元件獲得焦點時,移除出錯的class定義,隱藏錯誤資訊,避免和 focusInvalid.一起用。
$(".selector").validate({
focusCleanup: true
})
9: meta
設定meta來封裝驗證規則
$(".selector").validate({
meta: "validate",
})
設定submitHandler來自定義表單提交動作
$(".selector").validate({
submitHandler: function(form) { alert("驗證通過"); }
});
如果需要提交表單,可以呼叫
form.submit(); 或者$(form).ajaxSubmit();
2: 除錯模式
將debug設定為true,表單不會提交,只進行檢查,方便除錯
$(".selector").validate({
debug: true
})
3: 設定validate的預設值
使用setDefaults可以設定validate的預設值,比如預設所有表單驗證都是在debug模式下進行
$.validator.setDefaults({
debug: true
})
4: 某些元素不驗證
設定ignore屬性可以忽略某些元素不驗證
$(".selector").validate({
ignore: "ignore"
})
5: 驗證時機
jquery.validate可以很方便的設定在什麼時候觸發驗證動作
onsubmit: 提交時是否驗證
$(".selector").validate({
onsubmit: false
})
onfocusout: 失去焦點時驗證(checkboxes/radio除外)
$(".selector").validate({
onfocusout: false
})
onkeyup: 在keyup時驗證
$(".selector").validate({
onkeyup: false
})
onclick: 在checkboxes、radio點選時驗證.
$(".selector").validate({
onclick: false
})
6: 重寫驗證規則和驗證提示資訊
//重寫max的的驗證提示資訊
$ssages.max = jQuery.format("Your totals musn't exceed {0}!");
//重寫equal方法
$thods.equal = function(value, element, param) {
return value == param;
};
7: focusInvalid 是否把焦點聚焦在最後一個動作或者最近的一次出錯上
$(".selector").validate({
focusInvalid: false
})
8: focusCleanup
如果該屬性設定為True, 那麼控制元件獲得焦點時,移除出錯的class定義,隱藏錯誤資訊,避免和 focusInvalid.一起用。
$(".selector").validate({
focusCleanup: true
})
9: meta
設定meta來封裝驗證規則
$(".selector").validate({
meta: "validate",
})