如何使用js防止表单重复提交的方法
来源:动视网
责编:小采
时间:2020-11-27 20:13:05
如何使用js防止表单重复提交的方法
如何使用js防止表单重复提交的方法:通过js控制,设置一个布尔类型的值进行判定,提交之后改变值,之后再次提交就不通过即可。代码如下:<!DOCTYPE HTML><html> <head> <title>Form表单</title> </head> <script ty
导读如何使用js防止表单重复提交的方法:通过js控制,设置一个布尔类型的值进行判定,提交之后改变值,之后再次提交就不通过即可。代码如下:<!DOCTYPE HTML><html> <head> <title>Form表单</title> </head> <script ty

代码如下:
<!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防止表单重复提交的方法
如何使用js防止表单重复提交的方法:通过js控制,设置一个布尔类型的值进行判定,提交之后改变值,之后再次提交就不通过即可。代码如下:<!DOCTYPE HTML><html> <head> <title>Form表单</title> </head> <script ty