防止表单重复提交!<form onsubmit="return false;"></form >

<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*方法一:除了用这种方式之外,经常见的另一种方式就是表单提交之后,将提交按钮设置为不可用,让用户没有机会点击第二次提交按钮,代码如下:*/
function dosubmit() {
//获取表单提交按钮
var btnSubmit = document.getElementById("submit");
//将表单提交按钮设置为不可用,这样就可以避免用户再次点击提交按钮
btnSubmit.disabled = "disabled";
//返回true让表单可以正常提交
return true;
}
/*方法二:用JavaScript控制Form表单只能提交一次*/
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>

posted on 2018-02-26 13:51  每天暴走三公里  阅读(169)  评论(0编辑  收藏  举报

导航