防止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/

描述：附加的处理程序，为元素的事件。处理程序每​​个元素最多执行一次。