如何使用js 防止表单重复提交的方法
程序员文章站
2022-04-23 12:49:08
...
通过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 防止表单重复提交的方法的详细内容,更多请关注其它相关文章!
上一篇: MemoryCache问题修复的解决方法