防止jQuery中的双表单提交

前端之家收集整理的这篇文章主要介绍了防止jQuery中的双表单提交前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个用户用来输入有关发布信息的表单.完成后,单击“保存”进行更新.但是,在一些罕见的情况下(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;)

解决方法

我不确定这是一个完整的猜测,但它可能取决于你的选择器.尝试改为:
$('input:submit').click(function() {
    $(this).attr('disabled',true);
});#

您也可以尝试拦截提交事件本身:

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

猜你在找的jQuery相关文章