表单提交后，提交按钮不可用，防止用户多次提交

最新推荐文章于 2023-06-11 11:01:04 发布

原创最新推荐文章于 2023-06-11 11:01:04 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种防止表单提交时重复点击提交按钮的方法。通过JavaScript实现提交按钮在表单提交后立即禁用，避免用户多次点击导致的重复提交问题。

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>表单提交后按钮禁用</title>
<script type="text/javascript">
function sub() {
	document.forms[0].elements[0].disabled = true;
	document.forms[0].submit();
}
</script>
</head>
<body>
	<form action="login.action" method="post">
		<input type="button" name="btn" value="提交表单" onclick="return sub();" />
	</form>
</body>
</html>