JavaScript Regex (felhasználónév ellenőrzése)

Javascript Regex Felhasznalonev Ellenorzese



A webhelyek fejlesztése során az űrlapellenőrzés kulcsfontosságú tevékenység, amely segít az adatok integritásának ellenőrzésében és a biztonsági problémák megelőzésében. A felhasználónevek egy tipikus felhasználói beviteli típus a webhelyeken és alkalmazásokban használt személyek azonosítására szolgáló űrlapon. A felhasználónevek ellenőrzése segíthet annak biztosításában, hogy megfeleljenek bizonyos szabványoknak, például a karakter- és hosszkorlátoknak.

Ez a cikk leírja a felhasználónév reguláris kifejezéssel történő érvényesítését a JavaScriptben.

Hogyan érvényesíthető a felhasználónév JavaScript Regex használatával?

A felhasználónév érvényesítéséhez először hozzon létre egy reguláris kifejezést, amely meghatározza, hogy a felhasználói bemeneti érték megegyezik-e az adott mintával. Ezután használja a „ teszt() ” módszer a felhasználói bevitel ellenőrzésére a minta szerint.







Kövesse a megadott mintát a csak betűket, számokat és mindkettőt tartalmazó bevitelhez, de nem enged semmilyen speciális karaktert:



regexPattern volt = /^ [ a - számára - Z0 - 9 ] + $ /;

Az adott minta csak számokat tartalmazó betűket engedélyez, és nem teszi lehetővé csak számok, betűk és speciális karakterek bevitelét a bevitelben:



regexPattern volt =/^ ( ?= . * [ a - számára - VAL VEL ] ) ( ?= . * [ 0 - 9 ] ) [ a - számára - Z0 - 9 ] + $ /;

Bónusz tipp : A mintában megadhatja a felhasználónév hosszát is.





Használja a megadott szintaxist a ' teszt() ” módszerrel ellenőrizheti a bemenetet a regex minta szerint:

minta. teszt ( bemenet )

1. példa: A felhasználónév csak számokat, betűket tartalmaz, és mindkét speciális karakter nem engedélyezett

Először is hozzon létre egy űrlapot egy HTML-dokumentumban a

címkével, amely egy beviteli mezőt és egy küldés gombot tartalmaz. Csatolj egy ' kattintásra ' eseményt azzal a gombbal, amely meghívja a ' validateUserName() ” funkciót a gombra kattintva:



< forma >

< címke > Felhasználónév : címke >

< bemeneti típus = 'szöveg' név = 'név' id = 'bemenet' automatikus kiegészítés = 'ki' />< br >< br >

< gomb típusa = 'Beküldés' kattintásra = 'validateUserName()' > Beküldés gomb >

forma >

A