使用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"); 
    } 
});