JavaScript - Validering, bare tall

Det er mange situasjoner som tillater å legge inn bare tall eller alfabeter, eller begge er akseptable i formens felt, avhengig av kravene. For dette formålet, validerer feltene i henhold til kravet ved bruk av JavaScript -validering. Det sikrer at brukerens inngang er riktig, fullført og i henhold til behov eller ikke før den sender den til serveren.

Dette innlegget vil definere tilnærmingene for å validere skjemaets felt for å legge inn bare tall.

JavaScript -validering for bare å angi tall

For å validere felt for bare å legge inn tall, bruk de under-nevnte tilnærmingene:

• Ved hjelp av regex
• Bruker ISNAN () -metode

Metode 1: Valideringsnumre bare ved bruk av et vanlig uttrykk

Bruke "regelmessig uttrykk”Eller en“regex mønster”For å validere feltene i skjemaet for bare å legge inn tallene. For å sjekke brukerens innspill, bruk "kamp()”Metode med regex som samsvarer med inngangen med det medfølgende regex -mønsteret.

Eksempel

I HTML -filen bruker du følgende kode for å opprette et skjema:

Skriv inn pinnenummeret ditt: AutoComplete = "Off">

I henhold til ovennevnte kodebit:

• Først må du lage et skjema som inneholder et inngangsfelt som bare aksepterer nummeret som en "Pin Antall”.
• Opprett deretter et rom for en utskriftsmelding hvis inngangen er feil eller riktig ved hjelp av

  stikkord.

• Lage en "sende inn”-Knappen som kaller“NumberValidationFunc ()”Klikk på knappen for å bekrefte skjemaets felt.

Bruk følgende kode i "”Tag eller JavaScript -fil:

FunksjonsnummerValideringFunc ()

var input = dokument.GetElementById ("Pinnumber").verdi;
var mønster = /^[0-9]+$ /;
hvis (input.match (mønster))

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

ellers

dokument.getElementById ("Feil").indrehtml = "Angi numerisk verdi";
return falsk;

Her, i ovennevnte utdrag:

• Først, definer en funksjon som heter “NumberValidationFunc ()”Det vil bli påkalt på knappeklikk.
• Få inngangsverdien ved å bruke "verdi" Egenskap.
• Lag et regex -mønster lagret i en variabel “mønster”.
• Kontroller deretter om inngangen samsvarer med mønsteret ved å bruke “kamp()”Metode.
• Hvis inngangen samsvarer med mønsteret, skriver du ut meldingen “Flott”Ellers, vis feilmeldingen”Angi numerisk verdi”.

Som du kan se, aksepterer utgangen bare tallene mens du legger inn tall med alfabeter er ikke akseptabel, og den viser en feilmelding:

Metode 2: Valideringsnumre bare ved bruk av ISNAN () -metode

Du kan også bruke “isnan ()”Metode for å validere felt for bare å legge inn tallene. Det tar innspill som et argument og sjekker om inngangen er et nummer den gir "ekte”Ellers gir det“falsk”.

Eksempel

Definere en funksjon “NumberValidationFunc ()”Det vil påkalle OnClick -hendelsen til sendeknappen for å bekrefte om inngangen er et tall eller ikke ved å bruke“isnan ()”Metode:

FunksjonsnummerValideringFunc ()

var input = dokument.GetElementById ("Pinnumber").verdi;
if (isnan (input))

dokument.getElementById ("Feil").indrehtml = "Angi numerisk verdi";
return falsk;

ellers

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

Produksjon

Det handler om validering av tall bare i JavaScript.

Konklusjon

For å validere skjemaets tekstfelt for bare numeriske verdier, bruk "vanlig uttrykk”Som regex -mønstre eller“isnan ()”Metode. Begge tilnærminger er best for å validere bare tall, og du kan velge/velge hvilken som helst i henhold til ditt ønske. Dette innlegget definerte tilnærmingene for å validere skjemaets felt for å legge inn bare tall.