JavaScript实现表单提交后禁用提交按钮
作者:木棉时间:2026-10-29 08:37:07浏览:313
本文介绍如何使用JavaScript在表单提交后禁用提交按钮,以防止用户重复提交。通过简单的脚本控制按钮的disabled属性,确保提交操作只执行一次,提升用户体验和数据安全性。
JavaScript实现表单提交后禁用提交按钮
本文通过一个具体示例,展示了如何利用JavaScript在表单提交后禁用提交按钮。该方案可供读者参考与借鉴。
此方法通过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>
希望上述内容对从事JavaScript程序设计的开发者有所帮助。
作者最新文章
JS合并多个数组的三种方法:concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
