JavaScript如何实现表单提交之后提交按钮禁用的方法详解
程序员文章站
2022-05-23 14:58:18
...
这篇文章主要介绍了javascript实现表单提交后，提交按钮不可用的方法,涉及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如何实现表单提交之后提交按钮禁用的方法详解的详细内容，更多请关注其它相关文章！
推荐阅读
-
php实现表单多按钮提交action的处理方法
-
JavaScript在form表单中使用button按钮实现submit提交方法
-
JavaScript在form表单中使用button按钮实现submit提交方法
-
php实现表单多按钮提交action的处理方法
-
JavaScript如何实现阻止表单提交的代码介绍
-
JavaScript如何实现表单提交之后提交按钮禁用的方法详解
-
php实现表单多按钮提交action的处理方法，action处理方法_PHP教程
-
php实现表单多按钮提交action的处理方法_PHP
-
javascript实现点击提交按钮后显示loading的方法_javascript技巧
-
php实现表单多按钮提交action的处理方法，action处理方法