JavaScript Regex (brukernavnvalidering)

Javascript Regex Brukernavnvalidering



Når du utvikler nettsteder, er skjemavalidering en avgjørende aktivitet som bidrar til å verifisere dataintegritet og forhindre sikkerhetsproblemer. Brukernavn er en typisk type brukerinndata i skjemaet som brukes til å identifisere personer på nettsteder og applikasjoner. Validering av brukernavn kan bidra til å sikre at de oppfyller bestemte standarder, for eksempel tegn- og lengdegrenser.

Denne artikkelen vil beskrive fremgangsmåten for å validere brukernavnet ved å bruke regulært uttrykk i JavaScript.

Hvordan validere brukernavn ved å bruke JavaScript Regex?

For å validere brukernavnet må du først lage et regulært uttrykk som vil avgjøre om brukerinndataverdien samsvarer med det gitte mønsteret. Deretter bruker du ' test() ” metode for verifisering av brukerinndata i henhold til mønsteret.







Følg det gitte mønsteret for inntasting som bare inneholder bokstaver, tall og begge deler, men som ikke tillater inntasting av noe spesialtegn:



var regexPattern = /^ [ en - til - Z0 - 9 ] + $ /;

Det gitte mønsteret vil kun tillate bokstaver med tall, og det tillater ikke kun å skrive inn tall, bokstaver og spesialtegn i inndata:



var regexPattern =/^ ( ?= . * [ en - til - MED ] ) ( ?= . * [ 0 - 9 ] ) [ en - til - Z0 - 9 ] + $ /;

Bonustips : Du kan også angi lengden på brukernavnet i mønsteret ditt.





Bruk den gitte syntaksen for ' test() ' metode for å bekrefte inndata i henhold til regex-mønsteret:

mønster. test ( input )

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

Lag først et skjema i et HTML-dokument ved å bruke

-koden som inneholder et inndatafelt og en send-knapp. Legg ved en ' ved trykk ' hendelse med knappen som vil kalle ' validateUserName() '-funksjonen ved å klikke på knappen:



< form >

< merkelapp > Brukernavn : merkelapp >

< inndatatype = 'tekst' Navn = 'Navn' id = 'inngang' autofullfør = 'av' />< br >< br >

< knappetype = 'sende inn' ved trykk = 'validateUserName()' > Sende inn knapp >

form >

I