Comment définir dynamiquement l'attribut obligatoire HTML5 à l'aide de Javascript

Définition dynamique de l'attribut obligatoire HTML5 à l'aide de Javascript

Pour définir dynamiquement l'attribut requis en HTML5 à l'aide de Javascript, suivez les étapes ci-dessous :

Aperçu du problème

Tentative de définition de l'attribut requis à l'aide de la syntaxe recommandée du W3C :

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

ne déclenche pas de contrôles de validation.

Méthode correcte pour définir l'attribut booléen de validation HTML5

La bonne façon de définir un attribut booléen de validation HTML5 est d'utiliser la propriété element.required.

Par exemple :

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

où edName est l'ID de l'élément d'entrée.

Comprendre la valeur de l'attribut

En HTML5, les attributs booléens peuvent être défini soit par :

• Laisser l'attribut vide : obligatoire=""
• Utiliser le nom canonique de l'attribut : requis="required"

Cependant , lorsque l'attribut requis est défini dans le balisage, la valeur de l'attribut n'est aucune de ces options :

edName.attributes.required = [object Attr]

En effet, require est une propriété reflétée, similaire à l'identifiant, au nom et au type.

Propriétés réfléchies

Les propriétés réfléchies sont des attributs qui existent sur l'objet élément lui-même. La définition de la valeur d'une propriété réfléchie met à jour l'attribut correspondant dans le HTML.

Par conséquent, les deux méthodes suivantes sont équivalentes :

Utilisation de la propriété setter :

element.required = true;

Utilisation de setAttribute :

element.setAttribute("required", "");

Pour effacer une propriété réfléchie, utilisez RemoveAttribute :

element.removeAttribute("required");

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!