So führen Sie eine einfache JavaScript -Kontrollkästchen -Validierung durch

Auf verschiedenen Websites eine quadratische Box namens "" "KontrollkästchenScheint alle Bedingungen zu akzeptieren, bevor ein Formular eingereicht wird. In ähnlicher Weise werden die Kontrollkästchen in bestimmten Formen der Informationssammlung wie Umfragen verwendet, um die Meinungen der Benutzer zu erhalten. Die Validierung der Kontrollkästchen hilft sicherzustellen, dass das Kontrollkästchen markiert oder geprüft wird. Es wird hilfreich sein, die Benutzererfahrung zu verbessern, indem der Benutzer auf Fehler im Formular aufmerksam wird, bevor sie übermittelt werden.

Dieser Beitrag definiert das Verfahren zur Validierung des Kontrollkästchens in JavaScript.

So führen Sie eine einfache JavaScript -Kontrollkästchen -Validierung durch?

Verwenden Sie die Checkbox -Validierung, um die “überprüftEigenschaft des Checkbox -Elements. Wenn das Kontrollkästchen überprüft wird, gibt es “WAHR"Sonst kehrt es zurück"FALSCH”Für die“nicht geprüft”Kontrollkästchen.

Beispiel

Erstellen Sie ein Kontrollkästchen im Formular und senden Sie es, indem Sie das Kontrollkästchen markieren oder überprüfen. Wenn Sie versuchen, das Formular einzureichen, ohne das Kontrollkästchen zu überprüfen (die Bedingungen akzeptieren), wird ein Fehler ausgeführt, und das Formular wird nicht eingereicht:

Ich akzeptiere alle Allgemeinen Geschäftsbedingungen

Eine Funktion definieren “Validierung()”Um das Kontrollkästchen zu validieren, indem Sie eine Fehlermeldung angezeigt, während Sie das Formular senden, ohne das Kontrollkästchen zu markieren:

Funktionsvalidierung ()

var CheckBox = Dokument.GetElementById ("Akzeptieren");
Wenn (!Kontrollkästchen.geprüft)
dokumentieren.getElementById ("Fehler").Innerhtml = "Sie müssen die Allgemeinen Geschäftsbedingungen akzeptieren, indem Sie das Kontrollkästchen überprüfen";
falsch zurückgeben;

dokumentieren.getElementById ("Fehler").Innerhtml = "Danke ...";
zurückkehren;

Im oben gegebenen Code:

• Erhalten Sie zunächst die Referenz des Kontrollkästchens mit seiner ID.
• Überprüfen Sie dann, ob das Kontrollkästchen unter Verwendung der “überprüft/markiert istüberprüft" Eigentum.
• Wenn das Kontrollkästchen nicht markiert ist, zeigen Sie eine Fehlermeldung an und fordern Sie das Kontrollkästchen zum Senden des Formulars an.

Sie können auch die folgende Syntax verwenden, um zu überprüfen, ob das Kontrollkästchen markiert ist:

if (Kontrollkästchen.geprüft == false)

Ausgang

Wir haben die einfachste Methode zur Validierung des Kontrollkästchens in JavaScript bereitgestellt.

Abschluss

Verwenden Sie die einfache JavaScript -Validierung des Kontrollkästchens, um die “zu verwendenüberprüft" Eigentum. Es wird überprüft, ob das Kontrollkästchen überprüft/gekennzeichnet ist, indem der boolesche Wert unter den geprüften oder deaktivierten Bedingungen angibt. In diesem Beitrag wurde das Verfahren zur Validierung der Kontrollkästchen in JavaScript beschrieben.