防止jQuery中的双表单提交

Question

我有一个用户用来输入有关发布信息的表单.完成后,单击"保存"进行更新.但是,在一些罕见的情况下(15,000条记录中有10条),用户双击了保存按钮并导致双重表单提交重复发布项目.

我尝试使用它来防止它:

$('input[type=submit]').click(function(){
    $('input[type=submit]').attr('disabled',true);
    //return true;
});

但问题是,它在Safari/Firefox等中完美运行,但在Internet Explorer 8中不起作用(可能不适用于6和7)

当我在IE8中按保存时,该按钮被禁用,就是这样,根本没有提交表单.

(我尝试过但没有返回true;)

Answer 1

我不确定这是一个完整的猜测,但它可能取决于你的选择器.尝试改为:

$('input:submit').click(function() {
    $(this).attr('disabled', true);
});#

您也可以尝试拦截submit event自己:

$('form').bind('submit', function(e) {
     $(this).find('input:submit').attr('disabled', 'disabled');
});