Comment désactiver le bouton HTML à l'aide de JavaScript

En JavaScript, les programmeurs désactivent principalement le bouton Soumettre dans le formulaire pour s'assurer que tous les champs requis ont été remplis avant la soumission. De plus, cela aide à prévenir les soumissions multiples. Dans certains cas, les développeurs peuvent vouloir désactiver un bouton en fonction de l'état de l'application ou de l'issue d'une action précédente. Par exemple, supposons qu'un utilisateur a déjà soumis le formulaire ou effectué une tâche. Dans ce cas, vous désactiverez le «soumettre" ou la "complet«Bouton pour les empêcher de le soumettre ou de le terminer à nouveau.

Cet article illustrera la méthode pour désactiver le bouton HTML en JavaScript.

Comment désactiver le bouton HTML à l'aide de JavaScript?

Pour désactiver un bouton HTML à l'aide de JavaScript, utilisez le «désactivé”Propriété de l'élément bouton. Le bouton est également désactivé à l'aide de l'attribut HTML «Désactivé», mais il sera désactivé en permanence, et vous ne pourrez pas le réactiver à nouveau. Lors de l'utilisation de JavaScript, la propriété «désactivée» peut être désactivée et activer dynamiquement le bouton.

Syntaxe
La syntaxe donnée est utilisée pour désactiver le bouton:

ButtonObject.désactivé

Exemple 1: Désactivez le bouton
Créez un bouton dans un fichier HTML et attribuez un ID "bouton«Cela aidera à accéder à ce bouton:

Bouton

Remplissez le bouton HTML dans un fichier JavaScript, en utilisant leur ID attribué à l'aide de "getElementByid ()" méthode:

Var Button = Document.getElementById ("bouton");

Définir la propriété "désactivé" pour "vrai»:

bouton.désactivé = true;

Comme vous pouvez le voir, le bouton de la sortie a été désactivé:

Exemple 2: Désactivez le bouton de l'événement de clics
Ici, nous désactiverons le bouton en cliquant dessus. Tout d'abord, obtenez la référence du bouton en utilisant son ID attribué:

Var Button = Document.getElementById ("bouton");

Appeler le "addEventListener ()«Méthode en attachant le«Cliquez sur«Événement, qui définira la propriété désactivée»vrai«En cliquant sur le bouton:

bouton.addEventListener ("click", function ()
if (bouton.désactivé)
bouton.désactivé = false;

autre
bouton.désactivé = true;

);

On peut observer qu'en cliquant sur le bouton, il est désactivé:

C'était tout au sujet du bouton de désactivation en javascript.

Conclusion

Pour désactiver le bouton HTML en JavaScript, utilisez le "désactivé”Propriété de l'élément bouton. Il aide à activer ou désactiver le bouton dynamiquement tandis que l'attribut HTML «Désactivé» désactive définitivement le bouton. Cet article a illustré la méthode de désactivation du bouton HTML en JavaScript.