使用jQuery驗證和引導確認插件進行表單驗證

Question

我有一個使用jQuery驗證插件進行驗證的表單。我在提交按鈕上添加了引導確認。一切都工作正常，除了我希望引導確認出現在提交按鈕時，窗體不再有任何錯誤。

我試着這樣做：

HTML代碼：

<button type="submit" class="btn" id="submit_button" data-toggle="confirmation"data-popout="true">Submit</button> 

jQuery代碼：

$("#submit_button").on('click', function(){ 
    if($('#form').valid()) { 
     $(this).trigger("confirmation"); 
    } 
}); 

但它並沒有做任何事情。我應該在jQuery驗證中使用submitHandler嗎？或者這不僅僅是可能的？

Answer 1

我應該在jQuery驗證中使用submitHandler嗎？

是的，當然。

爲此使用submitHandler。 As per documentation，只有在表單有效時纔會觸發，因此無需測試表單的有效性或使用其他click處理程序。

$('#form').validate({ 
    // options, etc. 
    submitHandler: function(form) { // fires when valid (and on button click) 
     $("#selector").trigger("confirmation"); 
    } 
});