Heim > Artikel > Web-Frontend > Ausführliche Erklärung, wie JavaScript die Schaltfläche „Senden“ nach dem Absenden des Formulars deaktiviert

Ausführliche Erklärung, wie JavaScript die Schaltfläche „Senden“ nach dem Absenden des Formulars deaktiviert

黄舟Original: 2017-07-22 14:04:423289Durchsuche

In diesem Artikel wird hauptsächlich die JavaScript-Methode vorgestellt, um die Schaltfläche „Senden“ nach dem Absenden des Formulars nicht mehr verfügbar zu machen. Dabei handelt es sich um Techniken zum dynamischen Ändern des Formularstils. Dies ist sehr einfach und praktisch

In diesem Artikel werden die Beispiele erläutert. Verwenden Sie Javascript, um eine Methode zu implementieren, um die Schaltfläche „Senden“ nach dem Absenden des Formulars nicht mehr verfügbar zu machen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Hier wird JavaScript verwendet, um zu steuern, dass die Schaltfläche „Senden“ nach dem Absenden des Formulars nicht mehr verfügbar ist, wodurch Benutzer daran gehindert werden können, mehrmals zu senden.

<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>

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie JavaScript die Schaltfläche „Senden“ nach dem Absenden des Formulars deaktiviert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Erläuterung des Unterschieds zwischen Submit- und Button-Submission-Formularen in JavaScriptNächster Artikel：Detaillierte Erläuterung des Unterschieds zwischen Submit- und Button-Submission-Formularen in JavaScript

In Verbindung stehende Artikel

Mehr sehen