JavaScript Regex

Mens vi utvikler nettsteder, er formvalidering en avgjørende aktivitet som hjelper til med å verifisere dataintegritet og forhindre sikkerhetsproblemer. Brukernavn er en typisk type brukerinngang i skjemaet som brukes til å identifisere personer på nettsteder og applikasjoner. Validering av brukernavn kan bidra til å sikre at de oppfyller spesielle standarder, for eksempel karakter- og lengdegrenser.

Denne artikkelen vil beskrive prosedyren for å validere brukernavnet ved hjelp av regex i JavaScript.

Hvordan validere brukernavn ved hjelp av JavaScript Regex?

For å validere brukernavnet, oppretter først et vanlig uttrykk som vil avgjøre om brukerinngangsverdien samsvarer med det gitte mønsteret. Bruk deretter “test()”Metode for verifisering av brukerinngangen i henhold til mønsteret.

Følg det gitte mønsteret for å ta innspill som bare inneholder bokstaver, tall og begge deler, men ikke tillater å oppgi noen spesielle tegn:

var regexpattern = /^[a-za-z0-9]+$ /;

Det gitte mønsteret tillater bare bokstaver med tall, og det tillater ikke å legge inn bare tall, bokstaver og spesialtegn i innspill:

var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [A-ZA-Z0-9]+$/;

Bonus tips: Du kan også spesifisere lengden på brukernavnet i mønsteret ditt.

Bruk den gitte syntaks for "test()”Metode for å bekrefte inngangen i henhold til regex -mønsteret:

mønster.test (input)

Eksempel 1: Brukernavn inneholder bare tall, bokstaver og begge spesialtegnene er ikke tillatt

Opprett først et skjema i et HTML -dokument ved hjelp av taggen som inneholder et inngangsfelt og en innsendingsknapp. Fest en “ved trykk”Hendelse med knappen som vil kalle“ValidateUserName ()”Funksjon på knappens klikk:

Brukernavn:



Sende inn

I taggen vil vi definere en funksjon som heter “ValidateUserName ()”Det vil utløse på knappens klikk:

funksjon ValidateUserName ()

var inputValue = dokument.getElementById ("Input").verdi;
var regexpattern = /^[a-za-z0-9]+$ /;
if (regexpattern.test (inputValue)))

Varsel ("Brukernavn er gyldig");
return True;

ellers

Varsel ("Skriv inn et gyldig brukernavn");
return falsk;

I den ovennevnte funksjonen:

• Først må du få referansen til inngangsfeltet ved å bruke "dokument.getElementById ()”Metode og hente deretter brukerinngangsverdien ved hjelp av“verdi" Egenskap.
• Definer et mønster for å validere brukernavnet.
• Bruk deretter “tekst()”Metode med et mønster og ta innspill som et argument for å bekrefte om inngangen er i henhold til regex eller ikke.
• Hvis inngangsverdien tilsvarer mønsteret da, varselmeldingen “Brukernavn er gyldig”Vises, ellers viser varslingsboksen“Skriv inn et gyldig brukernavn" beskjed:

Produksjon

Eksempel 2: Brukernavn inneholder bokstaver med tall, bare tall eller bare bokstaver er ikke tillatt

I dette eksemplet vil vi bruke regexen til å ta innspill som inneholder bokstaver med tall, bare sifre, bokstaver eller spesialtegn med bokstaver eller tall er ikke tillatt. For dette vil vi bruke det gitte mønsteret i “ValidateUserName ()”Funksjon:

var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [A-ZA-Z0-9]+$/;

Utgangen viser at når brukeren bare oppgir sifre, bokstaver eller brukernavn med et bokstav, nummer og spesialtegn, en varslingsmelding "Skriv inn et gyldig brukernavn" er vist. Mens du legger inn inngang som inneholder både bokstaver og tall, gir den en melding "Brukernavn er gyldig”:

Det handler om brukernavn -validering i JavaScript ved hjelp av regex.

Konklusjon

For å validere brukernavnet, bruk det vanlige uttrykket eller regex -mønsteret i henhold til dine krav. Her diskuterte vi i denne artikkelen to mønstre; “/^[a-za-z0-9]+$/;”Og“/^(?=.*[a-za-z]) (?=.*[0-9]) [A-ZA-Z0-9]+$/;”. Det første mønsteret tar innspill med bare bokstaver, tall og begge deler, men det tillater ikke å legge inn noen spesielle tegn. Mens det andre mønsteret ikke tillater å legge inn bare bokstaver og sifre som et brukernavn. For å validere inndata i henhold til mønsteret, "test()”Metoden brukes. Denne artikkelen beskrev prosedyren for å validere brukernavnet ved hjelp av regex i JavaScript.