JavaScript Regex (validare nume de utilizator)

Javascript Regex Validare Nume De Utilizator



În timpul dezvoltării site-urilor web, validarea formularelor este o activitate crucială care ajută la verificarea integrității datelor și la prevenirea problemelor de securitate. Numele de utilizator sunt un tip tipic de introducere a utilizatorului în forma care este utilizată pentru a identifica persoanele de pe site-uri web și aplicații. Validarea numelor de utilizator poate ajuta la asigurarea faptului că acestea îndeplinesc anumite standarde, cum ar fi limitele de caractere și lungime.

Acest articol va descrie procedura de validare a numelui de utilizator folosind regex în JavaScript.

Cum se validează numele de utilizator folosind JavaScript Regex?

Pentru a valida numele de utilizator, mai întâi, creați o expresie regulată care va determina dacă valoarea introdusă de utilizator se potrivește cu modelul dat. Apoi, utilizați „ Test() ” metoda de verificare a intrării utilizatorului conform tiparului.







Urmați modelul dat pentru preluarea introducerii care conține doar litere, cifre și ambele, dar nu permite introducerea niciunui caracter special:



a fost regexPattern = /^ [ A - pentru - Z0 - 9 ] + $ /;

Modelul dat va permite numai litere cu cifre și nu permite introducerea numai a numerelor, literelor și caracterelor speciale în introducere:



a fost regexPattern =/^ ( ?= . * [ A - pentru - CU ] ) ( ?= . * [ 0 - 9 ] ) [ A - pentru - Z0 - 9 ] + $ /;

Sfat bonus : Puteți specifica, de asemenea, lungimea numelui de utilizator în modelul dvs.





Utilizați sintaxa dată pentru „ Test() ” metoda pentru a verifica intrarea conform modelului regex:

model. Test ( intrare )

Exemplul 1: Numele de utilizator conține numai numere, litere și ambele caractere speciale nu sunt permise

Mai întâi, creați un formular într-un document HTML utilizând eticheta

care conține un câmp de introducere și un buton de trimitere. Atașați un „ onclick ” eveniment cu butonul care va apela “ validateUserName() ” la clic pe butonul:



< formă >

< eticheta > Nume de utilizator : eticheta >

< tip de introducere = 'text' Nume = 'Nume' id = 'intrare' completare automată = 'off' />< br >< br >

< tip de buton = 'Trimite' onclick = „validateUserName()” > Trimite buton >

formă >

În eticheta