提交后JQuery禁用

时间:2011-06-30 15:26:52

标签: javascript jquery form-submit

我很遗憾地提出一个问题,似乎有很多信息,但我似乎没有任何进展。

我只是试图阻止双重表单提交,我使用以下代码:

<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行上得到“Object Expected”。我尝试将其从头部移动到关闭体之前,我尝试使用type=text/javascriptlanguage=javascript,我尝试使用jQuery(function()..代替document.ready而不是重要的是我尝试了我在IE中得到的错误,它不会停止多个表单提交(而FF继续工作没有任何错误)。

任何想法?

2 个答案:

答案 0 :(得分:0)

有一件事突然袭来我:

$(".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>

答案 1 :(得分:0)

我已经准备好了 - 我不知道该说些什么。只是尝试不同的东西,我下载了未压缩的版本,它工作!然后我再次下载min,即使它们与文件系统上的字节相同,也可以工作!