JavaScript Regex (naudotojo vardo patvirtinimas)

Javascript Regex Naudotojo Vardo Patvirtinimas



Kuriant svetaines, formų patvirtinimas yra labai svarbi veikla, padedanti patikrinti duomenų vientisumą ir užkirsti kelią saugumo problemoms. Vartotojo vardai yra tipiškas naudotojo įvesties tipas formoje, kuri naudojama žmonėms identifikuoti svetainėse ir programose. Naudotojų vardų patvirtinimas gali padėti užtikrinti, kad jie atitinka tam tikrus standartus, pvz., simbolių ir ilgio apribojimus.

Šiame straipsnyje bus aprašyta naudotojo vardo patvirtinimo procedūra naudojant regex JavaScript.

Kaip patvirtinti vartotojo vardą naudojant „JavaScript Regex“?

Norėdami patvirtinti vartotojo vardą, pirmiausia sukurkite reguliarųjį reiškinį, kuris nustatys, ar vartotojo įvesties reikšmė atitinka nurodytą šabloną. Tada naudokite „ testas () “ metodas, skirtas vartotojo įvesties patikrinimui pagal šabloną.







Vykdykite pateiktą įvestį, kurią sudaro tik raidės, skaičiai ir abu, bet neleidžiama įvesti jokio specialaus simbolio, vadovaudamiesi pateiktu šablonu:



buvo regexPattern = /^ [ a - dėl - Z0 - 9 ] + $ /;

Pateiktas šablonas leis tik raides su skaičiais ir neleidžia įvesti tik skaičių, raidžių ir specialiųjų simbolių:



buvo regexPattern =/^ ( ?= . * [ a - dėl - SU ] ) ( ?= . * [ 0 - 9 ] ) [ a - dėl - Z0 - 9 ] + $ /;

Premijos patarimas : taip pat galite nurodyti vartotojo vardo ilgį savo šablone.





Naudokite nurodytą sintaksę ' testas () “ būdas patikrinti įvestį pagal reguliarųjį reiškinį:

modelis. bandymas ( įvestis )

1 pavyzdys: vartotojo varde yra tik skaičiai, raidės ir abu specialieji simboliai neleidžiami

Pirmiausia sukurkite formą HTML dokumente naudodami žymą

, kurioje yra įvesties laukas ir pateikimo mygtukas. Pridėkite ' paspaudus “ įvykis su mygtuku, kuris iškvies “ patvirtintiUserName() “ funkciją spustelėjus mygtuką:



< forma >

< etiketė > Vartotojo vardas : etiketė >

< įvesties tipas = 'tekstas' vardas = 'vardas' id = 'įvestis' automatinis užbaigimas = 'išjungta' />< br >< br >

< mygtuko tipas = 'Pateikti' paspaudus = 'validateUserName()' > Pateikti mygtuką >

forma >