Wie lege ich das erforderliche Feldattribut dynamisch mit Javascript fest?

Zuweisen des erforderlichen Attributs in Javascript

In der Webentwicklung kann das dynamische Festlegen von Formularfeldvalidierungsattributen über Javascript die Benutzererfahrung verbessern. Ein solches Attribut ist das „erforderliche“ Attribut, das sicherstellt, dass vor dem Absenden eines Formulars eine Benutzereingabe erforderlich ist. Durch das Festlegen des Attributs in Javascript können Sie ein intuitiveres und benutzerfreundlicheres Formularerlebnis bieten.

Erforderliches Attribut definieren

Das für HTML5 erforderliche Attribut ist ein boolesches Attribut , was bedeutet, dass es entweder wahr oder falsch sein kann. Wenn für ein Element das erforderliche Attribut auf „true“ gesetzt ist, bedeutet dies, dass der Wert des Elements obligatorisch ist und ausgefüllt werden muss, bevor das Formular gesendet werden kann.

Festlegen des erforderlichen Attributs in Javascript

Die empfohlene W3C-HTML5-Syntax zum Festlegen boolescher Attribute erfolgt über die Eigenschaft attributes, wie unten gezeigt:

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

In diesem Fall erfolgt die Übermittlung jedoch immer noch ohne Validierung. Dies liegt daran, dass die richtige Methode zum Festlegen des erforderlichen Attributs in Javascript die reflektierte Eigenschaft ist:

element.required = true;

Die Elementvariable stellt das tatsächliche Eingabe-DOM-Element dar, das Sie als erforderlich festlegen möchten. Zum Beispiel:

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

Falscher Wert für boolesche Attribute

Um das erforderliche Attribut auf „falsch“ zu setzen, muss es vollständig aus dem Element entfernt werden:

element.removeAttribute("required");

Überprüfen des Werts des Attributs

Wenn das erforderliche Attribut im Markup mit definiert wird, ist der Wert des Attributs weder eine leere Zeichenfolge noch kanonisch Name. Stattdessen wird es zu einem Attributobjekt. Um den Wert des Attributs zu ermitteln, sehen Sie sich seine Werteeigenschaft an. Für boolesche Attribute ist der Wert jedoch nicht relevant; Die Anwesenheit (wahr) oder Abwesenheit (falsch) des Attributs bestimmt seinen Zustand.

Das obige ist der detaillierte Inhalt vonWie lege ich das erforderliche Feldattribut dynamisch mit Javascript fest?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!