Hvordan utføre enkel JavaScript avkrysningsrute validering

På forskjellige nettsteder, en firkantet boks kalt en “avkrysningsrute”Ser ut til å godta alle vilkårene og betingelsene før du sender inn et skjema. Tilsvarende brukes avkrysningsrutene i spesifikke former for informasjonsinnsamling, for eksempel undersøkelser, for å få brukernes meninger. Validering av avkrysningsrutene hjelper til med å sikre at avmerkingsboksen er merket eller avkrysset. Det vil være nyttig å forbedre brukeropplevelsen ved å varsle brukeren om eventuelle feil i skjemaet før de sendes inn.

Dette innlegget vil definere prosedyren for å validere avkrysningsruten i JavaScript.

Hvordan utføre enkel JavaScript avkrysningsrute validering?

For å utføre avkrysningsrute -validering, bruk "krysset av”Eiendom til avkrysningsruten Element. Hvis avkrysningsruten er merket av, gir den “ekte”Ellers kommer det tilbake”falsk" for "ikke sjekket”Avkrysningsrute.

Eksempel

Opprett en avkrysningsrute i skjemaet og send den inn ved å merke eller merke av i avmerkingsboksen. Hvis du prøver å sende inn skjemaet uten å sjekke avkrysningsruten (godta vilkårene), vil det kaste en feil, og skjemaet vil ikke bli sendt inn:

Jeg godtar alle vilkårene og betingelsene

Definere en funksjon “Validering ()”For å validere avkrysningsruten ved å vise en feilmelding mens du sender inn skjemaet uten å merke avkrysningsruten:

Funksjonsvalidering ()

var avkrysningsrute = dokument.getElementById ("akseptere");
hvis (!avkrysningsrute.krysset av)
dokument.getElementById ("Feil").InnerHTML = "Du må godta vilkårene ved å sjekke avkrysningsruten";
return falsk;

dokument.getElementById ("Feil").indrehtml = "takk ...";
return True;

I den ovennevnte koden:

• Først må du få referansen til avmerkingsboksen ved å bruke IDen.
• Kontroller deretter om avkrysningsruten er avmerket/merket ved å bruke "krysset av”Eiendom.
• Hvis avmerkingsboksen ikke er merket, kan du vise en feilmelding og be om å merke avkrysningsruten for å sende inn skjemaet.

Du kan også bruke syntaksen nedenfor for å sjekke om avmerkingsboksen er merket:

if (avkrysningsrute.sjekket == falsk)

Produksjon

Vi har gitt den enkleste metoden for å validere avkrysningsruten i JavaScript.

Konklusjon

For å utføre enkel JavaScript -validering av avmerkingsboksen, bruk "krysset av”Eiendom. Den vil sjekke om avkrysningsruten er avmerket/merket ved å gi den boolske verdien på de sjekket eller ukontrollerte forholdene. Dette innlegget beskrev prosedyren for å validere avmerkingsboksene i JavaScript.