Comment définir dynamiquement l'attribut de champ requis avec Javascript ?

Attribution de l'attribut requis en Javascript

Dans le développement Web, la définition dynamique des attributs de validation des champs de formulaire via Javascript peut améliorer l'expérience utilisateur. L'un de ces attributs est l'attribut « obligatoire », qui garantit qu'une saisie de l'utilisateur est essentielle avant de soumettre un formulaire. En définissant l'attribut en Javascript, vous pouvez offrir une expérience de formulaire plus intuitive et conviviale.

Définition de l'attribut requis

L'attribut obligatoire HTML5 est un attribut booléen , ce qui signifie que cela peut être vrai ou faux. Lorsqu'un élément a l'attribut requis défini sur true, cela indique que la valeur de l'élément est obligatoire et doit être renseignée avant que le formulaire puisse être soumis.

Définition de l'attribut requis en Javascript

La syntaxe HTML5 recommandée par le W3C pour définir les attributs booléens se fait via la propriété attributs, comme indiqué ci-dessous :

document.getElementById("edName").attributes["required"] = "";

Cependant, dans ce cas, la soumission se produit toujours sans validation. En effet, la méthode correcte pour définir l'attribut requis en Javascript consiste à utiliser la propriété réfléchie :

element.required = true;

La variable element représente l'élément DOM d'entrée réel que vous souhaitez rendre obligatoire. Par exemple :

document.getElementById("edName").required = true;

Fausse valeur pour les attributs booléens

Pour définir l'attribut requis sur false, il est nécessaire de le supprimer entièrement de l'élément :

element.removeAttribute("required");

Vérification de la valeur de l'attribut

Lorsque l'attribut requis est défini dans le balisage à l'aide de , la valeur de l'attribut n'est ni une chaîne vide ni son canonique nom. Au lieu de cela, il devient un objet attribut. Pour obtenir la valeur de l'attribut, regardez sa propriété value. Cependant, pour les attributs booléens, la valeur n'est pas pertinente ; la présence (vrai) ou l'absence (faux) de l'attribut détermine son état.

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!