JavaScript Regex (overenie používateľského mena)

Javascript Regex Overenie Pouzivatelskeho Mena



Pri vývoji webových stránok je overovanie formulárov kľúčovou činnosťou, ktorá pomáha overiť integritu údajov a predchádzať bezpečnostným problémom. Používateľské mená sú typickým typom používateľského vstupu vo formulári, ktorý sa používa na identifikáciu ľudí na webových stránkach a v aplikáciách. Overenie používateľských mien môže pomôcť zabezpečiť, aby spĺňali konkrétne normy, ako sú obmedzenia počtu znakov a dĺžky.

Tento článok popisuje postup overenia používateľského mena pomocou regulárneho výrazu v jazyku JavaScript.

Ako overiť používateľské meno pomocou regulačného výrazu JavaScript?

Ak chcete overiť používateľské meno, najprv vytvorte regulárny výraz, ktorý určí, či sa zadaná hodnota používateľa zhoduje s daným vzorom. Potom použite „ test() ” metóda overenia užívateľského vstupu podľa vzoru.







Postupujte podľa daného vzoru pre vstup, ktorý obsahuje iba písmená, čísla a oboje, ale neumožňuje zadať žiadne špeciálne znaky:



bol regexPattern = /^ [ a - pre - Z0 - 9 ] + $ /;

Daný vzor povoľuje iba písmená s číslami a neumožňuje zadávať do vstupu iba čísla, písmená a špeciálne znaky:



bol regexPattern =/^ ( ?= . * [ a - pre - S ] ) ( ?= . * [ 0 - 9 ] ) [ a - pre - Z0 - 9 ] + $ /;

Bonusový tip : Môžete tiež zadať dĺžku používateľského mena vo svojom vzore.





Použite danú syntax pre „ test() ” metóda na overenie vstupu podľa vzoru regulárneho výrazu:

vzor. test ( vstup )

Príklad 1: Používateľské meno obsahuje iba čísla, písmená a obidva špeciálne znaky nie sú povolené

Najprv vytvorte formulár v dokumente HTML pomocou značky

, ktorá obsahuje vstupné pole a tlačidlo odoslania. Pripojte „ po kliknutí ” udalosť s tlačidlom, ktoré vyvolá “ validateUserName() ” funkcia po kliknutí na tlačidlo:



< formulár >

< štítok > Používateľské meno : štítok >

< typ vstupu = 'text' názov = 'názov' id = 'vstup' automatické dopĺňanie = 'vypnuté' />< br < br >

< typ tlačidla = 'Predložiť' po kliknutí = 'validateUserName()' > Predložiť tlačidlo >

formulár >

V tagu