jqueryでsubmitHandler（）を実行すると、フォームの実行と送信に時間がかかります

Question

jqueryのvalidateメソッドを使用してフォームを検証していますが、submitHandler（）メソッドでコードを記述しました。この問題を解決するために私に解決策を提案してください。

$('#form').validate({ 
    submitHandler:function(form) { 
      $('#loader').show(); 
      $('#btnsubmit').hide(); 
      $('#form').submit(); 
    } 
}); 

このコードはボタンを隠してフォームを送信する時間がかかるので、この問題を解決するための解決策を提案してください。

ありがとうございました!!!

Answer 1

debugオプションを有効にして、実行に時間がかかる理由を知り、別のイベントでshow hideロジックを実行してみることもできます。例：

// show hide logic 
$('#form #btnsubmit').click(function(e){ 
    $('#loader').show(); 
    $('#btnsubmit').hide(); 
}) 

$('#form').validate({ 
    // for debugging 
    debug: true, 
    submitHandler:function(form) { 
     $('#form').submit(); 
    } 
});