Comment définir dynamiquement l'attribut HTML5 requis en Javascript ?

Définition dynamique de l'attribut HTML5 requis en Javascript

Problème :

Pour garantir l'exactitude des données, il est souvent nécessaire de marquer le formulaire champs selon les besoins, invitant les utilisateurs à les remplir avant de les soumettre. Bien que l'attribut requis puisse être défini dans le balisage HTML, il existe des scénarios dans lesquels sa configuration dynamique via Javascript est nécessaire.

Solution recommandée :

Pour définir correctement le HTML5 requis attribut en Javascript, utilisez la syntaxe suivante :

<code class="javascript">element.required = true;</code>

Où :

• l'élément représente l'élément du champ de saisie pour lequel vous souhaitez appliquer l'attribut requis .

Utilisation :

Par exemple, pour marquer le champ de saisie de texte avec l'ID "edName" comme requis :

<code class="javascript">document.getElementById("edName").required = true;</code>

Mécanisme sous-jacent :

L'attribut requis est une propriété booléenne réfléchie. Lorsque vous attribuez true à element.required, cela garantit que le champ est marqué comme obligatoire, déclenchant des erreurs de validation s'il est laissé vide lors de la soumission du formulaire.

Remarque importante :

Contrairement aux autres attributs de validation HTML5 qui peuvent être définis à l'aide de la méthode setAttribute(), la définition de l'attribut requis nécessite l'utilisation de l'affectation directe de la propriété requise en raison de sa nature réfléchie.

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!