jQuery Validate驗證觸發的方式

admin發表於2018-09-23

表單驗證的觸發方式有多種,並且我們可以自行配置。

如何進行配置可以參閱jQuery Validate全域性配置和例項配置一章節。

下面分別對幾種觸發方式做一下介紹:

一.onsubmit:

配置方式如下:

[JavaScript] 純文字檢視 複製程式碼
$(".selector").validate({  
   onsubmit: false  
})

預設值是true,表示點選submit提交按鈕就會進行表單驗證,所以最好不要將其修改為false。

二.onfocusout:

配置方式如下:

[JavaScript] 純文字檢視 複製程式碼
$(".selector").validate({  
  onfocusout: false  
})

預設值是true,表示當焦點離開當前表單元素就會對其進行驗證。

三.onkeyup:

配置方式如下:

[JavaScript] 純文字檢視 複製程式碼
$(".selector").validate({  
  onkeyup: false  
})

預設值是true,表示當按鍵彈起時,就會對當前表單元素進行驗證。

四.focusInvalid:

配置方式如下:

[JavaScript] 純文字檢視 複製程式碼
$(".selector").validate({  
  focusInvalid: false  
})

預設值是true,當驗證無效時,焦點跳到第一個無效的表單元素。

五.focusCleanup:

配置方式如下:

[JavaScript] 純文字檢視 複製程式碼
$(".selector").validate({  
  focusCleanup: true  
})

預設值是false。

如果為true,當表單得到焦點時,移除在該表單上的errorClass並隱藏所有錯誤訊息。

避免與focusInvalid一起使用。

相關文章