当前位置:首页 > 开发 > 系统架构 > 架构 > 正文

JQuery异步提交表单在Firefox button onclick事件下可能导致重复提交

发表于: 2013-06-04   作者:cuishen   来源:转载   浏览次数:
摘要: 当我们处理button的onclick事件时,在onclick里面用jquery异步(async : true)提交表单,如果是在Firefox下可能会导致表单重复提交,在IE下没有这个问题,解决方案是: <s:form id="form1" onsubmit="return false;"> 究其原因: 在button 的onc
当我们处理button的onclick事件时,在onclick里面用jquery异步(async : true)提交表单,如果是在Firefox下可能会导致表单重复提交,在IE下没有这个问题,解决方案是:
<s:form id="form1" onsubmit="return false;">

究其原因: 在button 的onclick事件里面用AJAX 异步提交表单的时候,并且异步提交表单前弹出alert或者蒙板询问用户是否要执行操作,对于用户来说他看到的貌似是提交操作被block住了,但是在FF后台是无法block住点击button的提交的 (同步提交就不会有这个问题!),所以对于用户在FF下实际看到的是那个弹出框一闪而过,没有点击确认按钮前已经自动提交了。

所以上面给出的解决方案是: onsubmit="return false;" 可以屏蔽FF下button 的自动提交。

或者用下面的解决方案: e.preventDefault(); 效果是一样的。
$(document).ready(function(){
	$("#button1").click(function (e) {
		e.preventDefault();
		......
	});
});


JQuery异步提交表单在Firefox button onclick事件下可能导致重复提交

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
不用jQuery.form插件也一样能很方便地提交表单,只需要在页面加载时定义表单提交时的动作就可以。
这两天公司项目动不动就出问题,开始是无法登录,再过一段时间就访问不了了,出现如下情况: 起初以
这两天公司项目动不动就出问题,开始是无法登录,再过一段时间就访问不了了,出现如下情况: 起初以
出处:http://www.cnblogs.com/heyuquan/archive/2013/06/30/3163910.html 今天我想介绍的是一款jQu
效果图: <!DOCTYPE html> <html> <head> <title>无标题文档</title>
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行
1.什么叫表单重复提交: 所谓表单重复提交,是指用户通过多次点击提交按钮或多次刷新表单提交页面等造
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都
原文来自: http://www.jb51.net/article/42236.htm submit是button的一个特例,也是button的一种,
原文: 在javascript中关于submit和button提交表单区别 原文来自: http://www.jb51.net/article/4223
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号