Hvordan sjekke om streng inneholder tall og bokstaver i JavaScript

Mens vi surfer gjennom internett, kommer vi ofte over situasjoner der vi trenger å dekke enhver avdeling av emner som er for store til å ha en rekke poster, inkludert tall. For eksempel, når du trenger å opprette et sikkert brukernavn og passord. I slike tilfeller kan det å sjekke om en streng inneholder tall og bokstaver i JavaScript, hjelpe deg med å filtrere ut dataene basert på den ekstra tilstanden.

Denne bloggen vil forklare metodene for å sjekke om strengen inneholder tall og bokstaver i JavaScript.

Hvordan sjekke/bekrefte om en bestemt streng inneholder tall og bokstaver i JavaScript?

For å sjekke om en streng inneholder tall og bokstaver i JavaScript, kan følgende metoder brukes:

• “Vanlig uttrykk”Og“AddEventListener ()”Metode
• “Vanlig uttrykk”Og“kamp()”Metode
• “Vanlig uttrykk”Og“test()”Metode

La oss sjekke ut hver av metodene en etter en!

Metode 1: Sjekk om streng inneholder tall og bokstaver i JavaScript ved hjelp av vanlig uttrykk og AddEventListener () -metode

En "vanlig uttrykk”Er en sekvens av tegn som danner et søkemønster, og“AddEventListener ()”Metode fusjonerer en hendelsesbehandler til et dokument. Disse metodene kan implementeres for å anvende et vanlig uttrykk på den oppgitte verdien og utføre den nødvendige sjekken på den.

Syntaks

/mønster/modifikatorer;

Her, “mønster”Er et vanlig uttrykk og“modifiserere”Henvis til en modifiserer.

dokument.AddEventListener (hendelse, funksjon)

I syntaks ovenfor, "begivenhet”Refererer til den spesifiserte hendelsen, og“funksjon”Er funksjonen som vil påberopes når den spesifiserte hendelsen utløses.

Eksempel

I det følgende eksemplet vil vi opprette en knapp og inkludere en overskrift i og

henholdsvis tagger:

Klikk på meg

Resultat

Få tilgang til den opprettede knappen og overskriften ved hjelp av “dokument.QuerySelector ()”Metode og lagre dem i de spesifiserte variablene:

La knapp = dokument.QuerySelector ("Button");
La outputMsg = dokument.QuerySelector ("H2");

Etter det, lagre en alfanumerisk verdi i en variabel som heter “Sjekk”Som vil bli brukt til å sjekke den spesifikke tilstanden:

La Check = "JavaScript40";

Deretter bruker du det vanlige uttrykket der "[A-Za-Z]”Matcher enhver karakter fra små bokstaver”en”Gjennom store bokstaver”Z”Og“[0-9]”Henviser til tallene fra 0 til 9:

La regexp = /^(?=.*[a-za-z]) (?=.*[0-9])/;

Til slutt, legg ved en hendelse som heter “Klikk”Til den opprettede knappen. Her kan du bruke det spesifikke vanlige uttrykket på den spesielle verdien som skal sjekkes ved hjelp av "test()”Metode. I tilfelle tilstanden blir evaluert som sann, meldingen “Tall og bokstaver inneholdt!”Vises på Document Object Model (DOM):

knapp.AddEventListener ("Klikk", () =>
La isMatch = regexp.Test (sjekk)
La resultatet = ISMatch ? "Tall og bokstaver inneholdt!":" Vennligst skriv inn tall og bokstaver!";
outputMsg.innertekst = resultat;
);

Ovennevnte implementering vil føre til følgende utdata:

Metode 2: Kontroller om streng inneholder tall og bokstaver i JavaScript ved hjelp av regex -operatør og match () -metode

“kamp()”Metode samsvarer med en streng med hensyn til den ekstra strengen eller det vanlige uttrykket. Mer spesifikt vil vi bruke disse metodene til å inkludere et inngangsfelt, bruke en sjekk på de angitte verdiene og returnere det tilsvarende resultatet via et varsel.

Syntaks

streng.Match (Regex)

I den gitte syntaksen, “regex”Refererer til det vanlige uttrykket som må samsvares med den medfølgende strengverdien.

Følgende eksempel forklarer det uttalte konseptet.

Eksempel

Inkluder først et inngangstekstfelt med den spesifiserte IDen for å legge inn verdiene. Opprett også en knapp med en "ved trykk”Arrangement som vil påkalle“numlett ()”Når det er utløst:

Skriv inn tall og bokstaver

Klikk på meg

Deretter definerer du en funksjon som heter “numlett ()”. I sin definisjon kan du hente inngangstypen som er spesifisert før ved å bruke "dokument.getElementById ()”Metode. Etter det, bruk et vanlig uttrykk som diskutert i forrige metode og samsvarer med strengverdien med uttrykket ved å bruke “kamp()”Metode.

I dette tilfellet, hvis verdiene blir matchet med den ekstra regexen, vises den spesifiserte meldingen ved hjelp av en varslingsboks:

FunctionNumlett ()
var sjekk = dokument.getElementById ("MyInput");
var regex = /^(?=.*[a-za-z]) (?=.*[0-9])/;
hvis (sjekk.verdi.match (regex))
varsel ("tall og bokstaver inneholdt!");

annet
Varsel ('Vennligst skriv inn tall og bokstaver!');

Produksjon

Metode 3: Kontroller om streng inneholder tall og bokstaver i JavaScript ved hjelp av vanlig uttrykk og test () -metode

JavaScript “test()”Metodetester for en kamp i den gitte strengen. Denne metoden kan brukes for å teste flere tildelte verdier basert på det vanlige uttrykket.

Syntaks

RegexpObject.test (str)

Her, “streng”Refererer til den aktuelle strengen som må testes.

Eksempel

For det første, tilordne forskjellige typer verdier til tre konstanter, inkludert kombinasjonen av tall, bokstaver og spesialtegn:

const check1 = 'JavaScript40';
const check2 = 'tall og bokstaver';
const check3 = 'med symboler !@#$%^& ';

Nå, definer en funksjon som heter “numlett ()”Og pass“str”I sitt argument som refererer til den tildelte verdien som må sjekkes.

Til slutt, test verdiene basert på det vanlige uttrykket ved å påkalle Numlett () -funksjonen:

funksjon numlett (str)
Returner /^[A-Za-Z0-9]*$ /.test (str);

konsoll.logg ("Tilstanden er:", numlett (sjekk1));
konsoll.logg ("Tilstanden er:", numlett (sjekk2));
konsoll.logg ("Tilstanden er:", numlett (sjekk3));

I den følgende utgangen, den boolske verdien “ekte”Indikerer at den aktuelle strengen”sjekk1”Inneholder både tallene og bokstavene:

Vi har gitt de enkleste metodene for å sjekke om en streng inneholder tall og bokstaver i JavaScript.

Konklusjon

For å sjekke/bekrefte om en streng inneholder tall og bokstaver i JS, bruk REGEXP og “AddEventListener ()”Metode for å bruke et vanlig uttrykk og en klikkhendelse for å utføre sjekken på knappeklikk,“kamp()”Metode For å inkludere et inngangsfelt, bruk en sjekk på de angitte verdiene og returner det tilsvarende varselet eller“test()”Metode for å teste flere verdier basert på det vanlige uttrykket. Denne håndboken forklarte metodene for å sjekke om tallene og bokstavene er inneholdt i en streng i JavaScript.