JavaScripti regex (kasutajanime kinnitamine)

Javascripti Regex Kasutajanime Kinnitamine



Veebisaitide arendamisel on vormide valideerimine ülioluline tegevus, mis aitab kontrollida andmete terviklikkust ja ennetada turvaprobleeme. Kasutajanimed on tüüpiline kasutajasisend vormil, mida kasutatakse veebisaitidel ja rakendustes inimeste tuvastamiseks. Kasutajanimede kinnitamine võib aidata tagada, et need vastavad teatud standarditele, nagu tähemärgi- ja pikkusepiirangud.

Selles artiklis kirjeldatakse kasutajanime kinnitamise protseduuri JavaScriptis regexi abil.

Kuidas valideerida kasutajanime JavaScripti Regexi abil?

Kasutajanime kinnitamiseks looge esmalt regulaaravaldis, mis määrab, kas kasutaja sisestatud väärtus vastab antud mustrile. Seejärel kasutage ' test () ” meetod kasutaja sisendi kontrollimiseks vastavalt mustrile.







Järgige antud skeemi sisestamisel, mis sisaldab ainult tähti, numbreid ja mõlemat, kuid ei võimalda sisestada erimärke:



oli regexPattern = /^ [ a - jaoks - Z0 - 9 ] + $ /;

Antud muster lubab ainult tähti koos numbritega ja see ei luba sisestada ainult numbreid, tähti ja erimärke:



oli regexPattern =/^ ( ?= . * [ a - jaoks - KOOS ] ) ( ?= . * [ 0 - 9 ] ) [ a - jaoks - Z0 - 9 ] + $ /;

Boonusnäpunäide : saate oma mustris määrata ka kasutajanime pikkuse.





Kasutage antud süntaksit ' test () ” meetod sisendi kontrollimiseks vastavalt regex-mustrile:

muster. katsetada ( sisend )

Näide 1: kasutajanimi sisaldab ainult numbreid, tähti ja mõlemad erimärgid pole lubatud

Esmalt looge HTML-dokumendis vorm, kasutades märgendit

, mis sisaldab sisestusvälja ja esitamisnuppu. Lisage ' onclick sündmus nupuga, mis kutsub esile valideUserName() ” funktsioon nupu klõpsamisel:



< vormi >

< silt > Kasutajanimi : silt >

< sisendi tüüp = 'tekst' nimi = 'nimi' id = 'sisend' automaatne täitmine = 'väljas' />< br >< br >

< nupu tüüp = 'Esita' onclick = 'validateUserName()' > Esita nuppu >

vormi >

Märgis