Définissez l'attribut «Désvable» à l'aide de JavaScript
Lors de la création de pages Web ou de sites impliquant une interaction utilisateur, il peut être nécessaire de remplir un formulaire ou un questionnaire ayant des champs sensibles à des cas. Par exemple, le nom de saisie, le mot de passe, etc. De plus, empêche l'utilisateur d'entrer dans un champ ou de soumettre un formulaire si une exigence particulière est satisfaite. Dans de tels cas, la définition de l'attribut désactivé à l'aide de JavaScript devient très utile pour fournir un mode de communication entre le développeur et l'utilisateur final.
Cet article illustrera comment définir l'attribut désactivé dans JavaScript.
Comment définir l'attribut «handicapé» dans JavaScript?
Le "désactivé«L'attribut peut être défini à l'aide du«setAttribute ()" méthode. La méthode setAttribute () attribue une valeur particulière à un attribut. Cette méthode peut être appliquée pour attribuer à un élément un attribut particulier.
Syntaxe
élément.setAttribute (nom, valeur)
Dans la syntaxe ci-dessus:
- "nom»Spécifie le nom de l'attribut.
- "valeur»Correspond à la valeur du nouvel attribut.
Suivons les exemples donnés ci-dessous.
Exemple 1: Définissez l'attribut «désactivé» d'un champ de saisie
Dans cet exemple, un seul champ de saisie sera désactivé sur le bouton cliquer.
Observons l'exemple donné ci-dessous:
Dans les lignes de code ci-dessus:
- Inclure un champ de saisie ayant le spécifié "identifiant"Et un"espace réservé" valeur.
- Créez également un bouton ayant un joint «sur clic»Redirection des événements vers la fonction setDisable ().
- Dans la partie JavaScript du code, déclarez une fonction nommée «setDisable ()". Dans sa définition, accédez au champ de saisie inclus en utilisant son «identifiant" dans le "getElementByid ()" méthode.
- Enfin, appliquez le «setAttribute ()«Méthode telle que l'élément récupéré dans l'étape précédente se voit attribuer l'attribut«désactivé".
- Cela entraînera la désactivation du champ de saisie sur le bouton cliquer.
Sortir
À partir de la sortie ci-dessus, on peut observer que le champ de saisie devient désactivé sur le bouton cliquer.
Exemple 2: Définissez l'attribut «handicapé» à l'aide d'une valeur booléenne
Dans cet exemple, l'attribut handicapé se verra attribuer une valeur booléenne pour effectuer la fonctionnalité souhaitée.
L'exemple suivant explique le concept déclaré:
Selon l'extrait de code ci-dessus:
- Allouer une entrée "textarea"Élément ayant le déclaré"identifiant".
- Créez également un bouton ayant un "sur clic”Événement qui invoquera la fonction setDisable ().
- Dans la partie JavaScript du code, définissez une fonction nommée «setDisable ()". Dans sa définition, de même, accédez à la zone de texte incluse, appliquez le «setAttribute ()"Méthode et attribuez-lui une valeur booléenne"vrai", respectivement.
- Cela désactivera en conséquence la zone de texte d'entrée sur le bouton cliquer.
Sortir
Le "désactivé»L'attribut est défini de manière appropriée.
Exemple 3: Définissez l'attribut «handicapé» à plusieurs éléments
Cet exemple entraînera la définition du «désactivé”Attribut tel que divers éléments deviendront désactivés sur le bouton cliquer en même temps.
Présentation de l'exemple ci-dessous:
Passez par les étapes suivantes comme indiqué dans l'extrait de code ci-dessus:
- Tout d'abord, incluez l'entrée "champs de texte"Et un"cocher”Element, respectivement ayant la classe spécifiée.
- De même, créez un bouton ayant un "sur clic”Événement invoquant la fonction setDisable ().
- Dans la partie JavaScript du code, déclarez une fonction nommée «setDisable ()". Dans sa définition, accédez aux éléments inclus en utilisant le «getElementsByClassName ()" méthode.
- Après cela, appliquez le «pour" boucle. Dans la boucle, appliquez le «setAttribute ()”Méthode telle que tous les éléments inclus deviennent désactivés sur le bouton cliquer.
Sortir
À partir de la sortie ci-dessus, il est évident que tous les éléments deviennent désactivés sur le bouton cliquer.
Conclusion
Le "setAttribute ()«La méthode peut être implémentée en prenant différents paramètres pour définir l'attribut désactivé à l'aide de JavaScript. Cette méthode peut être appliquée à un champ de saisie avec ou sans valeur booléenne attribuée. Il peut également être utilisé pour désactiver plusieurs éléments en même temps. Ce tutoriel a expliqué comment définir l'attribut de désactivation à l'aide de JavaScript.