JSP中防止重复提交(Javascript)

最新推荐文章于 2021-02-03 21:07:59 发布

inshect

最新推荐文章于 2021-02-03 21:07:59 发布

阅读量198

点赞数

分类专栏： Jsp 文章标签： JSP JavaScript Firefox .net Blog ViewUI

本文链接：https://blog.youkuaiyun.com/inshect/article/details/83318771

版权

Jsp 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了两种防止Web表单重复提交的方法：一是通过设置变量仅允许表单提交一次；二是通过禁用提交按钮来改善用户体验。这两种方法在不同的浏览器中表现不一。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

资料引用:http://www.knowsky.com
Struts2本身提供了重复提交的检查机制，但是我要的不是弹出一个出错页面，而是当作什么也没发生，只执行一次提交

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

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

<form οnsubmit="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" οnsubmit="setTimeout('disableSubmit(form1)',100) return checkSubmit();" method="post">

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

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

资料引用:http://www.knowsky.com/442112.html