JavaScript Regex (brugernavnsvalidering)

Javascript Regex Brugernavnsvalidering



Under udvikling af websteder er formularvalidering en afgørende aktivitet, der hjælper med at verificere dataintegritet og forhindre sikkerhedsproblemer. Brugernavne er en typisk type brugerinput i den form, der bruges til at identificere personer på websteder og applikationer. Validering af brugernavne kan hjælpe med at sikre, at de opfylder bestemte standarder, såsom tegn- og længdegrænser.

Denne artikel vil beskrive proceduren til at validere brugernavnet ved hjælp af regex i JavaScript.

Hvordan validerer man brugernavn ved hjælp af JavaScript Regex?

For at validere brugernavnet skal du først oprette et regulært udtryk, der bestemmer, om brugerens inputværdi matcher det givne mønster. Brug derefter ' prøve() ” metode til verifikation af brugerinput i henhold til mønsteret.







Følg det givne mønster for at tage input, der kun indeholder bogstaver, tal og begge dele, men som ikke tillader indtastning af specialtegn:



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

Det givne mønster tillader kun bogstaver med tal, og det tillader ikke kun at indtaste tal, bogstaver og specialtegn i input:



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

Bonus tip : Du kan også angive længden af ​​brugernavnet i dit mønster.





Brug den givne syntaks til ' prøve() ” metode til at verificere input i henhold til regex-mønsteret:

mønster. prøve ( input )

Eksempel 1: Brugernavnet indeholder kun tal, bogstaver og begge specialtegn er ikke tilladt

Først skal du oprette en formular i et HTML-dokument ved hjælp af

-tagget, der indeholder et inputfelt og en send-knap. Vedhæft en ' onclick ' begivenhed med knappen, der kalder ' valider Brugernavn() ”-funktion på knappens klik:



< form >

< etiket > Brugernavn : etiket >

< input type = 'tekst' navn = 'navn' id = 'input' autofuldførelse = 'af' />< br >< br >

< knaptype = 'Indsend' onclick = 'valider Brugernavn()' > Indsend knap >

form >

I