Hvordan sjekke om en gyldig nummer i Javascript

Hvordan sjekke om en gyldig nummer i Javascript


Unnlatelse av å verifisere brukerundersøkelser på et webskjema kan forårsake problemer på nettstedet ditt som spenner fra mindre irritasjonsmomenter til systemkrasj. En tekstboks på en webside tillater brukere å skrive inn alle eventuelle tastaturtegn. Hvis søknaden forventer et gyldig nummer, må du kontrollere at brukerens input er faktisk en numerisk verdi. En rask måte å gjøre det på er å bruke Javascript. Dette skriptspråk har en enkel funksjon som du kan bruke for å sikre at besøkende bare taste inn tall i numeriske felt.

Bruksanvisning

1 Åpne en av HTML-dokumenter som inneholder et webskjema med Notepad eller din foretrukne HTML editor.

2 Sett inn følgende Javascript-funksjonen på "<head>" -delen av dokumentet:

<Script type = "text / javascript">

Var text = "100..02";

validateInput (tekst);

funksjon validateInput (tekst)

{Var gyldig;

if (isNaN (tekst))

gyldig = false;

annet gyldig = true;

alert ( "Gyldig nummer =" + gyldig);

tilbake gyldig;

}

</ Script>

Den første linjen med kode tildeler verdien "100..02" til "tekst" variable; det er et ugyldig nummer fordi den inneholder to desimaler. Brukere kan utilsiktet gå inn i slike verdier i tekstbokser. Den andre linjen med kode kaller "validateInput" -funksjonen når siden lastes. Den passerer verdien av "text" variable ", 100..2" til denne funksjonen. Den "validateInput" -funksjonen bruker "isNaN" -funksjonen for å se om inngangen er ulovlig. I så fall setter den "gyldig" variable til "false". Ellers setter det verdien til «true». De "alert" kommandoen viser en meldingsboks som viser verdien av "gyldig" variable. Den siste linjen med kode returnerer verdien av "gyldig".

3 Lagre dokumentet og åpne den i nettleseren din. Koden løper og viser "Gyldig Antall = false" fordi verdien som er lagret i tekstvariabelen er ikke et tall.

4 Gå tilbake til dokumentet og endre "100..2" til en gyldig tall. Lagre og vise dokumentet på nytt i nettleseren din. Det vil vise "Gyldig Antall = sant".

Hint

  • Den andre linjen med kode kaller Javascript validering funksjonen automatisk når siden lastes, slik at du kan teste funksjonen. Etter testing, fjerne den andre linjen med kode. Du kan deretter kaller "validateInput" -funksjonen når du trenger å validere et tall som en bruker har angitt. For eksempel, etter at brukeren fyller ut en tekstboks og klikker på en knapp, kan du passere inngangen til "validateInput" -funksjonen, som vil returnere verdien av "gyldig". Hvis verdien er "false" du vise en feilmelding som ber brukeren om å skrive inn en numerisk verdi.