JavaScript Regex (användarnamnsvalidering)

Javascript Regex Anvandarnamnsvalidering



När du utvecklar webbplatser är formulärvalidering en avgörande aktivitet som hjälper till att verifiera dataintegritet och förhindra säkerhetsproblem. Användarnamn är en typisk typ av användarinmatning i den form som används för att identifiera personer på webbplatser och applikationer. Validering av användarnamn kan hjälpa till att säkerställa att de uppfyller särskilda standarder, såsom tecken- och längdbegränsningar.

Den här artikeln kommer att beskriva proceduren för att validera användarnamnet med regex i JavaScript.

Hur validerar man användarnamn med JavaScript Regex?

För att validera användarnamnet, skapa först ett reguljärt uttryck som avgör om användarens inmatningsvärde matchar det givna mönstret. Använd sedan ' testa() ” metod för verifiering av användarinmatningen enligt mönstret.







Följ det givna mönstret för inmatning som bara innehåller bokstäver, siffror och båda, men som inte tillåter inmatning av något specialtecken:



var regexPattern = /^ [ a - för - Z0 - 9 ] + $ /;

Det givna mönstret tillåter endast bokstäver med siffror, och det tillåter inte att endast ange siffror, bokstäver och specialtecken i inmatning:



var regexPattern =/^ ( ?= . * [ a - för - MED ] ) ( ?= . * [ 0 - 9 ] ) [ a - för - Z0 - 9 ] + $ /;

Bonustips : Du kan också ange längden på användarnamnet i ditt mönster.





Använd den givna syntaxen för ' testa() ” metod för att verifiera inmatningen enligt regexmönstret:

mönster. testa ( inmatning )

Exempel 1: Användarnamnet innehåller endast siffror, bokstäver och båda specialtecken är inte tillåtna

Skapa först ett formulär i ett HTML-dokument med taggen

som innehåller ett inmatningsfält och en skicka-knapp. Bifoga en ' onclick ' händelse med knappen som kommer att anropa ' validateUserName() ”-funktionen när knappen klickar:



< form >

< märka > Användarnamn : märka >

< ingångstyp = 'text' namn = 'namn' id = 'inmatning' autoslutförande = 'av' />< br >< br >

< knapptyp = 'Skicka in' onclick = 'validateUserName()' > Skicka in knapp >

form >

I taggen