防止jQuery對話框提交兩次

Question

我想阻止用戶提交兩次對話框。

這裏是我的代碼提交：

$('form', dialog).submit(function() { 
    if (dialogSubmitted) { return false; } 
    dialogSubmitted = true; 
    ... 
    ... 
}); 

哪裏dialogSubmitted是表示如果表單已經提交的變量。問題是它不起作用。當我打開對話框並按Enter兩次（快速）表單提交兩次。

有什麼想法？

謝謝。

---

UPDATE

這裏是另一個企圖也失敗了，當我按下回車鍵兩次非常迅速：

$('form', dialog).one('submit', function (evt) { 

     evt.preventDefault(); 

     $(this).on('submit', function (evt) { 
      evt.preventDefault(); 
     }); 

     $.post($(this).attr('action'), $(this).serialize(), function (data, status) { 
      $('#my-modal').modal('hide'); 
      ... 
      ... 
     }).error(function (error, status, a, b) { 
      $('.modal-body p.body').html(error.responseText); 
      writeError('msgError', pStopIndex.validationFailed); 
     }); 

     // Unbind form submitting 
     $('form', dialog).unbind(); 
     return false; 
    }); 

正如你所看到的，我做阿賈克斯後（代替經典表單提交）。也許問題在那裏？

這裏是谷歌瀏覽器痕跡的捕捉：

我們可以看到有2個職位。只有當我快速按下確認鍵兩次或快速點擊提交按鈕兩次時纔會發生。

有什麼想法？謝謝。

Answer 1

只是使用one()方法

參見實施例撥弄：http://jsfiddle.net/MpBCL/

$('form', dialog).one('submit', function (evt) { 

    /* prevent default action */ 
    evt.preventDefault(); 

    ... 
    /* code to be executed once */ 
    ... 

    /** 
    * disable default action (this handler will be attached after first 
    * submit event and it will prevent any further submit action 
    */ 
    $(this).on('submit', function (evt) { 
     evt.preventDefault(); 
    }); 

}); 

進一步參考：http://api.jquery.com/one/

描述：附加的處理程序，爲元素的事件。處理程序每​​個元素最多執行一次。