首页 > web前端 > js教程 > 如何使用js 防止表单重复提交的方法

如何使用js 防止表单重复提交的方法

一个新手
发布: 2017-09-18 10:41:33
原创
1684 人浏览过


通过js控制,设置一个布尔类型的值进行判定,提交之后改变值,之后再次提交就不通过即可。

代码如下:

<!DOCTYPE HTML><html>
  <head>
    <title>Form表单</title>
  </head>

   <script type="text/javascript">
        var isCommitted = false;//表单是否已经提交标识,默认为false
        function dosubmit(){
            if(isCommitted==false){
                isCommitted = true;//提交表单后,将表单是否已经提交标识设置为true
                return true;//返回true让表单正常提交
            }else{                return false;//返回false那么表单将不提交
            }
        }    </script>
  <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>
登录后复制

以上是如何使用js 防止表单重复提交的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板