So legen Sie das erforderliche HTML5-Attribut mithilfe von Javascript dynamisch fest

HTML5-erforderliches Attribut dynamisch mithilfe von Javascript festlegen

Um das erforderliche Attribut in HTML5 mithilfe von Javascript dynamisch festzulegen, führen Sie die folgenden Schritte aus:

Problemübersicht

Der Versuch, das erforderliche Attribut mit der empfohlenen W3C-Syntax festzulegen:

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

löst keine Validierungsprüfungen aus.

Korrekte Methode zum Festlegen des booleschen HTML5-Validierungsattributs

Der richtige Weg, ein boolesches HTML5-Validierungsattribut festzulegen, ist die Verwendung der Eigenschaft element.required.

Zum Beispiel:

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

wobei edName die ID des Eingabeelements ist.

Den Attributwert verstehen

In HTML5 können boolesche Attribute dies tun entweder definiert werden durch:

• Leerlassen des Attributs: erforderlich=""
• Verwenden des kanonischen Namens des Attributs: erforderlich="required"

Allerdings Wenn das erforderliche Attribut im Markup definiert ist, ist der Wert des Attributs keine dieser Optionen:

edName.attributes.required = [object Attr]

Dies liegt daran, dass es sich bei „required“ um eine reflektierte Eigenschaft handelt, ähnlich wie „id“, „name“ und „type“.

Reflektierte Eigenschaften

Reflektierte Eigenschaften sind Attribute, die auf dem Elementobjekt selbst vorhanden sind. Durch Festlegen des Werts einer reflektierten Eigenschaft wird das entsprechende Attribut im HTML aktualisiert.

Daher sind die folgenden beiden Methoden gleichwertig:

Verwendung der Setter-Eigenschaft:

element.required = true;

Verwenden von setAttribute:

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

Um eine reflektierte Eigenschaft zu löschen, verwenden Sie removeAttribute:

element.removeAttribute("required");

Das obige ist der detaillierte Inhalt vonSo legen Sie das erforderliche HTML5-Attribut mithilfe von Javascript dynamisch fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!