JSP中防止重复提交(Javascript)

来源:互联网 发布:表达爱意的网络用语 编辑:程序博客网 时间:2024/06/14 17:30

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无效,原因未知。但反正是第二保险,也没关系。

原创粉丝点击