送信ボタンを無効にしても、依然としてダブル・サブミットが発生する

Question

jqueryvalidationを使用しているフォームがあり、サブミットが検証されています。それが起こると、ボタンを無効にし、それを「提出する..」に変更して、フォームを送信します。

問題は、ボタンが無効になっているように見えますが、クリックし続けると、複数回送信され、X個のデータがデータベースに送られます。

これは、提出を処理するコードである：ここでは

submitHandler: function(form) { 
    $('#SaveTraining').val('Submitting...'); 
    $('SaveTraining', this).attr('disabled', 'disabled'); 
    form.submit(); 
    // return false; 
} 

がボタンです：

<input type="submit" id="SaveTraining" name="SaveTraining" class="btn btn-success" <cfif rc.candidateActive EQ 2>disabled</cfif> value="Save Training"> 

ボタンは、候補場合に表示を表示するかどうかをCFの少しを内蔵していますアクティブです。

もう一度このボタンをクリックするだけの方法はありますか？

Answer 1

あなたはあなたのコードのタイプミスがあると私は, thisがどちらか必要とされているとは思わない：

submitHandler: function(form) { 
    $('#SaveTraining').val('Submitting...'); 
    $('#SaveTraining').attr('disabled', 'disabled'); 
    form.submit(); 
    // return false; 
} 

しかし、あなたは、フォームの送信で作業しているとそれが呼び出されるハンドラを提出するための別の方法は、（そこにありますあなたがブロックしたいと思うかもしれない）あなたは、以下のようなグローバル変数でそれを行うことができます。

submitted = false; 
..... 
submitHandler: function(form) { 
    $('#SaveTraining').val('Submitting...'); 
    $('#SaveTraining', this).attr('disabled', 'disabled'); 
    (!submitted) { 
     // I will submit only this time... 
     submitted = true; 
     form.submit(); 
     return true; 
    } 
    return false; 
}