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