首页 > 编程 > JavaScript > 正文

JSP中防止重复提交(Javascript)

2019-11-17 04:27:59
字体:
来源:转载
供稿:网友

Struts2本身提供了重复提交的检查机制,但是我要的不是弹出一个出错页面,而是当作什么也没发生,只执行一次提交

1.设置一个变量,设置一个变量,只允许提交一次。

<script type="text/javascript">
function checkSubmit() {
  if (checkSubmitFlg == true) {
    return false;
  }
  checkSubmitFlg = true;
  return true;
}
</script>

<form onsubmit="return checkSubmit();" method="post">

方法1在IE6和Firefox上实验下来都有效

2.禁用按钮的方式
由于我们的那个服务器实在太慢,让按钮变灰,给用户的体验更好一些

<script type="text/Javascript">
function disableSubmit(form) {
  var elements = form.elements;
  for (var i = 0; i < elements.length; i++) {
    if (elements[i].type == 'submit') {
       elements[i].disabled = true;
    }
  }
}
</script>

<form name="form1" onsubmit="setTimeout('disableSubmit(form1)',100) return checkSubmit();" method="post">

马上禁用的话会导致按钮单独的action设置失效,所以要加一个延时
方法2在IE6有效。在FIREFOX无效,原因未知。但反正是第二保险,也没关系。

参考文章
http://blog.csdn.net/LoveYou1999/archive/2007/02/02/1501295.aspx
http://www.takka.com.hk/jstutor/ch10/ch10.htm


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表