javascript - JQuery 提交后禁用

Question

我很抱歉提出了一个似乎有大量信息的问题，但我似乎没有得到任何结果。

我只是想阻止双重表单提交的发生，我正在使用以下代码:

<script language="javascript" src="/js/jquery-1.6.1.min.js"></script>   
<script language="javascript">
$(document).ready(function(){
    $("#cc_form").submit(function() {
    if ($.data($("#cc_form").get(0), 'submitting')) {
        return false;
     }
     $.data($("#cc_form").get(0), 'submitting', true);
     $(".submit",$("#cc_form")).prop('disabled', true);
});     
});
</script>

它在 FF 4 和 FF 5 中工作正常，在 IE 8 或 IE 9 中不起作用。在 IE 中，我在 document.ready 行中得到“预期对象”。我试过将它从头部移动到关闭体之前，我尝试使用 type=text/javascript 和 language=javascript，我试过使用 jQuery(function().. 而不是 document.ready 无论我尝试什么，我都会在 IE 中遇到该错误，并且它不会停止多个表单提交(而 FF 继续工作没有任何错误)。

有什么想法吗？

Answer 1

有一件事让我突然想到:

$(".submit",$("#cc_form")).prop('disabled', true);

试一试:

<script language="javascript" src="/js/jquery-1.6.1.min.js"></script>   
<script language="javascript">
$(document).ready(function(){

var cc_form = $("#cc_form");
cc_form.submit(function() {
    if ($.data(this, 'submitting')) {
        return false;
     }
     $.data(this, 'submitting', true);
     $(".submit, #cc_form").attr('disabled', true); // Revert to .prop() if this is a working solution per comments
});     
});
</script>