JavaScript Regex
Questo articolo descriverà la procedura per convalidare il nome utente usando Regex in JavaScript.
Come convalidare il nome utente usando JavaScript Regex?
Per convalidare il nome utente, in primo luogo, creare un'espressione regolare che determinerà se il valore di input dell'utente corrisponde al modello dato. Quindi, utilizza il "test()"Metodo per la verifica dell'input dell'utente secondo il modello.
Seguire il modello dato per prendere input che contiene solo lettere, numeri ed entrambi, ma non consente di entrare in nessun carattere speciale:
var regexpattern = /^[a-za-z0-9]+$ /;Il modello dato consentirà solo lettere con numeri e non consentirà di inserire solo numeri, lettere e caratteri speciali in input:
var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [a-za-z0-9]+$/;Suggerimento bonus: Puoi anche specificare la lunghezza del nome utente nel tuo modello.
Usa la sintassi data per "test()"Metodo per verificare l'input secondo il modello REGEX:
modello.Test (input)Esempio 1: Nome utente contiene solo numeri, lettere ed entrambi i caratteri speciali non sono consentiti
Innanzitutto, crea un modulo in un documento HTML utilizzando il tag che contiene un campo di input e un pulsante di invio. Attacca un "al clic"Evento con il pulsante che chiamerà il"ConvalidateUserName ()"Funzione sul clic del pulsante:
Nel tag definiremo una funzione chiamata "ConvalidateUserName ()"Ciò attiverà il clic del pulsante:
funzione validateUserName ()var inputValue = documento.getElementById ("Input").valore;
var regexpattern = /^[a-za-z0-9]+$ /;
if (regexpattern.test (inputValue))
Avviso ("Il nome utente è valido");
restituire vero;
altro
Avviso ("Immettere un nome utente valido");
restituire false;
Nella funzione sopra definita:
- Innanzitutto, ottieni il riferimento del campo di input usando il “documento.getElementById ()"Metodo e quindi recuperare il valore di input dell'utente con l'aiuto di"valore"Attributo.
- Definire un modello per convalidare il nome utente.
- Quindi, utilizza il "testo()"Metodo con un modello e prendere input come argomento per verificare se l'input è secondo il regex o no.
- Se il valore di input è equivalente al modello, allora il messaggio di avviso "Il nome utente è valido"Viene mostrato, altrimenti, la casella di avviso visualizza il"Immettere un nome utente valido" Messaggio:
Produzione
Esempio 2: il nome utente contiene lettere con numeri, solo numeri o solo lettere non sono consentite
In questo esempio, useremo il regex per prendere input che contiene lettere con numeri, solo cifre, lettere o caratteri speciali con lettere o numeri non sono consentiti. Per questo useremo il modello dato in "ConvalidateUserName ()" funzione:
var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [a-za-z0-9]+$/;L'output mostra che quando l'utente inserisce solo cifre, lettere o nome utente con una lettera, numero e carattere speciale, un messaggio di avviso "Immettere un nome utente valido" è mostrato. Durante l'input che contiene sia lettere che numeri, dà un messaggio "Il nome utente è valido":
Riguarda la convalida del nome utente in JavaScript usando Regex.
Conclusione
Per convalidare il nome utente, utilizzare l'espressione regolare o il modello di regex in base ai requisiti. Qui, in questo articolo abbiamo discusso di due schemi; "/^[a-za-z0-9]+$/;" E "/^(?=.*[a-za-z]) (?=.*[0-9]) [a-za-z0-9]+$/;". Il primo modello prende input con solo lettere, numeri ed entrambi, ma non consente di inserire un carattere speciale. Mentre il secondo modello non consente di inserire solo lettere e cifre come nome utente. Per convalidare l'input secondo il modello, il "test()"Il metodo viene utilizzato. Questo articolo ha descritto la procedura per convalidare il nome utente usando Regex in JavaScript.