DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery.validate使用攻略 第三部
jquery.validate使用攻略 第三部
編輯:JQuery特效代碼     
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的的驗證提示信息
$.validator.messages.max = jQuery.format("Your totals musn't exceed {0}!");

//重寫equal方法
$.validator.methods.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",
})
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved