Maison > Article > interface Web > Explication détaillée de la façon dont JavaScript désactive le bouton d'envoi après la soumission du formulaire

Explication détaillée de la façon dont JavaScript désactive le bouton d'envoi après la soumission du formulaire

黄舟original: 2017-07-22 14:04:423289parcourir

Cet article présente principalement la méthode JavaScript pour rendre le bouton de soumission indisponible une fois le formulaire soumis. Il implique les techniques de modification dynamique du style du formulaire avec JavaScript. C'est très simple et pratique. Les amis qui en ont besoin peuvent s'y référer.

Cet article explique les exemples. Utilisez javascript pour implémenter une méthode permettant de rendre le bouton de soumission indisponible une fois le formulaire soumis. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Ici, JavaScript est utilisé pour contrôler que le bouton de soumission soit indisponible après la soumission du formulaire, ce qui peut empêcher les utilisateurs de soumettre plusieurs fois.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la différence entre les formulaires de soumission et de soumission de boutons en JavaScriptArticle suivant：Explication détaillée de la différence entre les formulaires de soumission et de soumission de boutons en JavaScript

Articles Liés

Voir plus