Skriv inn bare tall i JavaScript
Denne artikkelen vil demonstrere metodene for å legge inn bare tall i JavaScript.
Hvordan legge inn bare tall i JavaScript?
Du kan bare legge inn tall i JavaScript ved å velge følgende tilnærminger:
- “Ascii”Karaktersett
- “jQuery”
De nevnte konseptene vil bli demonstrert en etter en!
Metode 1: Bare inngående tall i JavaScript ved hjelp av ASCII -tegnsett
Denne prosedyren kan brukes til å anvende en betingelse på ASCII -representasjon av tall på inngangsfeltet.
Eksempel
I det følgende eksemplet inkluderer "Id”Det må legges inn i inngangsfeltet. Angi også inngangsfeltet som et "tekst”Og påkalle funksjonen inputNumber () mens du gir hendelsen som et argument når“Onkeypress”Arrangementet blir utløst:
Deretter definerer du en funksjon som heter “inputNumber ()”Det aksepterer“Num”Som et argument. I funksjonsdefinisjonen, bruk tilstanden på tallene som er representert i ASCII på en slik måte at hvis ASCII -koden er større enn “31”Og mindre enn“48”Eller“57”, Det betyr at en ikke-tallkarakter legges inn i inngangsfeltet. I et slikt tilfelle vil det bli generert et varsel som ber brukeren om å legge inn bare numre:
funksjon inputNumber (num)var asciicode = (num.hvilken) ? Num.som: num.nøkkelkode
if (asciicode> 31 && (asciicode 57))
Varsel ("Skriv bare tall")
Det kan sees at når et tegn skrives inn i inngangsfeltet, dukket det opp en varslingsboks med følgende informasjon:
Følgende tabell forklarer det diskuterte konseptet med ASCII -representasjon for tall i henhold til kravet:
| ASCII -representasjon | Sifre |
|---|---|
| 48 | 0 |
| 49 | 1 |
| 50 | 2 |
| 51 | 3 |
| 52 | 4 |
| 53 | 5 |
| 54 | 6 |
| 55 | 7 |
| 56 | 8 |
| 57 | 9 |
Den eneste begrensningen i den ovennevnte metoden er at den fremdeles godtar ikke-nummerinngangen fra brukeren etter å ha vist advarselen. For å løse dette problemet, sjekk ut neste metode!
Metode 2: Bare inngående tall i JavaScript ved hjelp av jQuery
Denne tilnærmingen kan implementeres ved å inkludere "jQuery" -biblioteket og anvende det på inngangsfeltet ved hjelp av et vanlig uttrykk for å oppdage de ikke-numeriske verdiene og erstatte dem med en tom streng.
Se på følgende eksempel for å forstå det uttalte konseptet.
Eksempel
Inkluder først følgende jQuery -bibliotek for å bruke funksjonalitetene:
Deretter legger du til en overskrift ved hjelp av “”Tag og inngangsfelt ved hjelp av“”Tag i midtkoden for å justere dem i sentrum. Her vil vi begrense lengden på inngangsfeltet til “4" bruker "maks lengde”Attributt siden det er en 4-sifret pin:
Skriv inn 4-sifret pinne:
Nå, bruk “jQuery”Funksjon på inngangsfeltet med“/[^0-9]/g" vanlig uttrykk. Denne vanlige uttrykkskontrollen om typens verdi ikke er et tegn "^", og erstatt den med et tomt tegn:
$ (funksjon ()$ ("input [name = 'numonly']").på ('input', funksjon (e)
$ (dette).Val ($ (dette).val ().erstatte (/[^0-9]/g, "));
);
);
I dette eksemplet har vi begrenset inngangsfeltet til bare å godta 4 -sifret numerisk tegn fra brukeren:
Vi har implementert metodene på inngangsfeltet for bare å legge inn tall i JavaScript.
Konklusjon
For bare å legge inn tall i JavaScript, har vi implementert "Ascii”Karaktersett tilnærming og“jQuery”Teknikk. ASCII -karaktersettetilnærmingen kan brukes til å anvende en betingelse på inngangsfeltet som sjekker ASCII -karakteren til det inngåtte karakteren. Mens jQuery -teknikken brukes sammen med det vanlige uttrykket for å bruke en sjekk på det opprettede inngangsfeltet. Denne artikkelen demonstrerte metodene for å legge inn bare tall i JavaScript.