欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-07 17:12:31
...
当我们处理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();
		......
	});
});