JavaScript Regex (ověření uživatelského jména)

Javascript Regex Overeni Uzivatelskeho Jmena



Při vývoji webových stránek je ověřování formulářů klíčovou činností, která pomáhá ověřit integritu dat a předcházet bezpečnostním problémům. Uživatelská jména jsou typickým typem uživatelského vstupu ve formuláři, který se používá k identifikaci lidí na webových stránkách a v aplikacích. Ověřování uživatelských jmen může pomoci zajistit, že splňují určité standardy, jako jsou omezení počtu znaků a délky.

Tento článek popisuje postup ověření uživatelského jména pomocí regulárního výrazu v JavaScriptu.

Jak ověřit uživatelské jméno pomocí JavaScript Regex?

Chcete-li ověřit uživatelské jméno, nejprve vytvořte regulární výraz, který určí, zda hodnota zadaná uživatelem odpovídá danému vzoru. Poté použijte „ test() ” metoda pro ověření uživatelského vstupu podle vzoru.







Při zadávání vstupu, který obsahuje pouze písmena, čísla a obojí, ale neumožňuje zadat žádné speciální znaky, postupujte podle daného vzoru:



byl regexPattern = /^ [ A - pro - Z0 - 9 ] + $ /;

Daný vzor povolí pouze písmena s čísly a nedovolí zadávat do vstupu pouze čísla, písmena a speciální znaky:



byl regexPattern =/^ ( ?= . * [ A - pro - S ] ) ( ?= . * [ 0 - 9 ] ) [ A - pro - Z0 - 9 ] + $ /;

Bonusový tip : Můžete také zadat délku uživatelského jména ve vašem vzoru.





Použijte danou syntaxi pro „ test() ” metoda pro ověření vstupu podle vzoru regulárního výrazu:

vzor. test ( vstup )

Příklad 1: Uživatelské jméno obsahuje pouze čísla, písmena a oba speciální znaky nejsou povoleny

Nejprve vytvořte formulář v dokumentu HTML pomocí značky

, která obsahuje vstupní pole a tlačítko pro odeslání. Připojte „ při kliknutí “ událost s tlačítkem, které vyvolá “ validateUserName() ” funkce po kliknutí na tlačítko:



< formulář >

< označení > Uživatelské jméno : označení >

< Typ vstupu = 'text' název = 'název' id = 'vstup' automatické doplňování = 'vypnuto' />< br < br >

< typ tlačítka = 'Předložit' při kliknutí = 'validateUserName()' > Předložit knoflík >

formulář >

V tagu