·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> jsp网站建设开发 >> JSP中防止重复提交(Javascript)

【如有意向点此提交需求】关于我们

JSP中防止重复提交(Javascript)

作者：佚名      jsp网站建设开发编辑：admin      更新时间：2022-07-23

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