Hvordan validere alternativknappen ved hjelp av JavaScript

En alternativknapp er en type grafisk element eller ikon som tillater brukeren å velge ett alternativ/valg fra et sett med alternativer. Utviklerne validerer radioknappene for å sikre at brukeren har valgt et alternativ før han sender inn skjemaet. Anta at intet alternativ er sjekket, og du prøver å sende inn skjemaet. I det scenariet blir en feil kastet. Det kan bidra til å forbedre brukeropplevelsen ved å varsle brukeren om å vise feil mens du sender inn skjemaer uten å velge alternativet i radioknappene.

Dette innlegget vil demonstrere prosedyren for å validere radioknappene i JavaScript.

Hvordan validere alternativknappen ved hjelp av JavaScript?

Bruke "krysset av”Egenskaper til alternativknappelementet for å validere en alternativknapp ved hjelp av JavaScript. Det gir en boolsk verdi “ekte”Hvis alternativknappen er valgt/sjekket, hvis den gir“falsk”, Det betyr at alternativknappen er“ikke sjekket”.

Syntaks

Følgende syntaks brukes til å validere om alternativknappen er sjekket:

RadioObject.krysset av

Eksempel

I det følgende eksempel vil vi se validering av alternativknappen i to trinn:

• Lag radioknapper i form
• Valider radioknapper

Trinn 1: Lag radioknapper i skjema

Lag et skjema med radioknapper som gjør det mulig å velge alternativet for å lære det spesifikke språket. Fest “ved trykk”Hendelse med sendeknappen som kaller“Validering ()”Funksjon:

Velg språket du vil lære


Html

CSS

JavaScript

Nodejs

Trinn 2: Valider alternativknappen

Definere en funksjon “Validering”Det vil utløse på klikket på sendeknappen for å sjekke om et annet alternativ er valgt eller ikke:

Funksjonsvalidering ()

var språk = dokument.form.lang;
for (var i = 0; i < language.length; i++)
if (språk [i].krysset av)
gå i stykker;


if (i == språk.lengde)
Returdokument.getElementById ("Feil").InnerHTML = "Vennligst sjekk hvilken som helst alternativknapp";

Returdokument.getElementById ("Feil").indrehtml = "Du velger alternativ" + (i + 1);

I ovennevnte utdrag:

• Først må du få alle radioknappene ved å bruke det tildelte navnet ved hjelp av "form.lang”.
• Itererer deretter radioknappene til deres lengde og sjekk om knappen er sjekket eller ikke, ved hjelp av "krysset av”Eiendom.
• Hvis noen radioknapper blir sjekket, bryter du sløyfen.
• Hvis ingen av knappene er valgt, kan du vise en feilmelding "Kontroller hvilken som helst alternativknapp”.

Produksjon

Det handler om validering av alternativknappen i JavaScript.

Konklusjon

For å validere alternativknappen i JavaScript, bruk "krysset av”Eiendom. Den vil sjekke om knappen er valgt eller ikke og gir en boolsk verdi på de sjekket eller ukontrollerte forholdene. Dette innlegget demonstrerte prosedyren for å validere radioknappene i JavaScript.