Form表单多次提交

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_44001965/article/details/88088052

一,使用JavaScript来防止表单重复提交

有三种场景:
1:在网络延迟的情况下让用户有时间点击多次submit导致重复提交
2:表单提交后点击“刷新”按钮导致重复提交
3:提交后,点击浏览器的后退然后再次提交

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>
    <title>Form表单</title>
        <script type="text/javascript">
        var isCommitted = false;//表单是否已经提交标识,默认为false
        function dosubmit(){
            if(isCommitted==false){
                isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
                return true;//返回true让表单正常提交
            }else{
                return false;//返回false那么表单将不提交
            }
        }
    </script>
  </head>
  
  <body>
      <form action="${pageContext.request.contextPath}/servlet/DoFormServlet" onsubmit="return dosubmit()" method="post">
        用户名:<input type="text" name="username">
        <input type="submit" value="提交" id="submit">
    </form>
  </body>
</html>

另一种方式:将提交按钮设置为不可用。

function dosubmit(){
    //获取表单提交按钮
    var btnSubmit = document.getElementById("submit");
    //将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮
    btnSubmit.disabled= "disabled";
    //返回true让表单可以正常提交
    return true;
}

js只能解决问题1,但是2,3解决不了。
利用session解决2和3:在服务器端解决

二,利用session解决

至于具体的代码实现,目前没有尝试过,等工作用到再具体完善博客。

猜你喜欢

转载自blog.csdn.net/weixin_44001965/article/details/88088052
今日推荐