So validieren Sie das Optionsfeld mit JavaScript

Ein Optionsfeld ist eine Art grafischer Element oder Symbol, mit dem der Benutzer eine Option/Auswahl aus einer Reihe von Optionen auswählen kann. Die Entwickler validieren die Optionsfelder, um sicherzustellen, dass der Benutzer vor dem Einreichen des Formulars eine Option ausgewählt hat. Angenommen, keine Option wird überprüft, und Sie versuchen, das Formular einzureichen. In diesem Szenario wird ein Fehler geworfen. Es kann dazu beitragen, die Benutzererfahrung zu verbessern, indem der Benutzer auf Fehler angezeigt wird, während sie Formulare senden, ohne die Option in den Optionsfeldern auszuwählen.

In diesem Beitrag wird die Prozedur zum Validieren der Optionsoberflächen in JavaScript demonstriert.

So validieren Sie das Optionsfeld mit JavaScript?

Verwenden Sie die “überprüft”Eigenschaft des Optionsfeld -Elements zur Validierung eines Optionsfelds mit JavaScript. Es gibt einen booleschen Wert “WAHR"Wenn das Optionsfeld ausgewählt/geprüft wird, wenn es gibt"FALSCH”, Es bedeutet, dass das Optionsknopf lautet"nicht geprüft”.

Syntax

Die folgende Syntax wird verwendet, um zu überprüfen, ob das Optionsfeld überprüft wird:

RadioObject.überprüft

Beispiel

Im folgenden Beispiel werden die Validierung des Optionsfelds in zwei Schritten angezeigt:

• Erstellen Sie Optionsschaltflächen in Form
• Optionsfelder validieren

Schritt 1: Erstellen Sie Optionsschaltflächen in Form

Erstellen Sie ein Formular mit Optionsschaltflächen, mit denen die Option zum Erlernen der spezifischen Sprache ausgewählt werden kann. Hänge an "ONCLICKEreignis mit der Schaltfläche Senden, mit der die “aufgerufen wird“Validierung()Funktion:

Wählen Sie die Sprache, die Sie lernen möchten


Html

CSS

JavaScript

Nodejs

Schritt 2: Validieren Sie das Optionsfeld

Eine Funktion definieren “ValidierungDies wird auf der Schaltfläche Klicken auf die Schaltfläche Senden ausgelöst, um zu überprüfen, ob eine Option ausgewählt ist oder nicht:

Funktionsvalidierung ()

var Sprache = Dokument.form.Lang;
für (var i = 0; i < language.length; i++)
if (Sprache [i].geprüft)
brechen;


if (i == Sprache.Länge)
Rückgabedokument.getElementById ("Fehler").Innerhtml = "Bitte überprüfe ein Optionsschalter";

Rückgabedokument.getElementById ("Fehler").Innerhtml = "Sie wählen die Option" + (i + 1);

Im obigen Snippet:

• Holen Sie sich zunächst alle Optionsfelder mit dem zugewiesenen Namen mit Hilfe von “form.Lang”.
• Iterieren Sie dann die Optionsfelder bis zur Länge und prüfen Sie, ob die Schaltfläche überprüft ist oder nicht, mit der “überprüft" Eigentum.
• Wenn Optionspunkte überprüft werden, brechen Sie die Schleife.
• Wenn keine der Schaltflächen ausgewählt ist, zeigen Sie eine Fehlermeldung an “Bitte überprüfen Sie einen beliebigen Optionsfeld”.

Ausgang

Hier geht es um den validierenden Optionsfeld in JavaScript.

Abschluss

Verwenden Sie zur Überprüfung des Optionsfelds in JavaScript die “überprüft" Eigentum. Es wird überprüft, ob die Taste ausgewählt ist oder nicht, und gibt einen booleschen Wert unter den geprüften oder nicht überprüften Bedingungen an. In diesem Beitrag wurde die Prozedur zur Validierung der Optionsfelder in JavaScript gezeigt.