Jak sprawdzić walidację przycisku radiowego za pomocą JavaScript

Przycisk opcji to rodzaj elementu graficznego lub ikony, który pozwala użytkownikowi wybrać jedną opcję/wybór z zestawu opcji. Programiści potwierdzają przyciski radiowe, aby upewnić się, że użytkownik wybrał opcję przed przesłaniem formularza. Załóżmy, że żadna opcja nie jest sprawdzana i próbujesz przesłać formularz. W tym scenariuszu zostanie rzucony błąd. Może pomóc w poprawie wrażenia użytkownika poprzez ostrzeganie użytkownika do wyświetlania błędów podczas przesyłania formularzy bez wybierania opcji w przyciskach radiowych.

W tym poście zademonstruje procedurę potwierdzenia przycisków radiowych w JavaScript.

Jak sprawdzić walidację przycisku radiowego za pomocą JavaScript?

Użyj "sprawdzony„Właściwość elementu przycisku opcji do walidacji przycisku opcji za pomocą JavaScript. Daje wartość logiczną ”PRAWDA”Jeśli przycisk opcji jest wybrany/sprawdzony, czy daje„FAŁSZ”, Oznacza to, że przycisk opcji to„niesprawdzone".

Składnia

Do sprawdzenia, czy przycisk opcji jest sprawdzany: przycisk opcji jest używany do sprawdzania następującej składni:

RadioObject.sprawdzony

Przykład

W poniższym przykładzie zobaczymy sprawdzanie poprawności przycisku opcji w dwóch krokach:

• Utwórz przyciski radiowe w formie
• Sprawdzaj walidację przycisków radiowych

Krok 1: Utwórz przyciski radiowe w formie

Utwórz formularz z przyciskami opcji, który umożliwia wybranie opcji nauki określonego języka. Dołącz „na kliknięcie„Wydarzenie z przyciskiem przesyłania, które wywołuje„walidacja()”Funkcja:

Wybierz język, którego chcesz się nauczyć


Html

CSS

JavaScript

NodeJS

Krok 2: Sprawdź przycisk opcji

Zdefiniuj funkcję „walidacja„To wywoła kliknięcie przycisku Prześlij, aby sprawdzić, czy jakakolwiek opcja jest wybrana, czy nie:

Walidacja funkcji ()

var Language = Dokument.formularz.Lang;
dla (var i = 0; i < language.length; i++)
if (język [i].sprawdzony)
przerwa;


if (i == język.długość)
dokument zwrotny.getElementById („błąd”).innerHtml = "Sprawdź dowolny przycisk opcji";

dokument zwrotny.getElementById („błąd”).innerHtml = "Wybierz opcję" + (i + 1);

W powyższym fragmencie:

• Najpierw weź wszystkie przyciski opcji za pomocą przypisanej nazwy za pomocą „formularz.Lang".
• Następnie iteruj przyciski opcji do ich długości i sprawdź, czy przycisk jest sprawdzany, czy nie, używając „sprawdzony" nieruchomość.
• Jeśli dowolne przyciski radiowe zostaną sprawdzone, rozbij pętlę.
• Jeśli żaden z przycisków nie jest wybrany, pokaż komunikat o błędzie „Sprawdź dowolny przycisk opcji".

Wyjście

To wszystko o sprawdzaniu sprawdzania przycisku radiowego w JavaScript.

Wniosek

Do sprawdzania poprawności przycisku opcji w JavaScript skorzystaj z „sprawdzony" nieruchomość. Sprawdzi, czy przycisk jest wybrany, czy nie, i poda wartość logiczną w sprawdzonych lub niezaznaczonych warunkach. Ten post wykazał procedurę walidacji przycisków opcji w JavaScript.