Convalida della password di espressione regolare JavaScript con caratteri speciali

Convalida della password di espressione regolare JavaScript con caratteri speciali
La convalida della password è importante per la sicurezza e l'integrità delle informazioni sensibili. Una password forte e sicura contiene lettere, numeri e caratteri speciali. I caratteri speciali possono aiutare a rendere unica una password. L'uso di caratteri speciali nelle password è incoraggiato perché aiuta a rendere la password più forte e meno suscettibile al cracking. Ciò rende la password meno probabile che venga trovata in un elenco di password comunemente usate, che sono spesso mirate dagli aggressori.

Questo articolo descriverà l'espressione regolare per la convalida di una password che contiene caratteri speciali.

Come scrivere la convalida della password di espressione regolare JavaScript con caratteri speciali?

Utilizzare il seguente modello o espressione regolare per la convalida della password contenente caratteri speciali . Il modello corrisponderà a una password che contiene almeno un carattere speciale, una lettera e una cifra ed è lungo compreso tra 8 e 12 caratteri:

regexpattern = /^(?=.*[-\#\ $ \.\%\ & \ \ \!\+\ = \<\>\*]) (?=.*[a-za-z]) (?=.*\D).8,12 $/;

Ecco la rottura delle diverse parti del modello sopra:

  • "^"Rappresenta l'inizio della stringa o del modello.
  • "(?=.*[-\#\ $ \.\%\ & \ \ \!\+\ = \\*])"Abbina qualsiasi stringa che contiene almeno un carattere speciale, elencato all'interno delle staffe quadrate.
  • "(?=.*[a-za-z])"Indica che la password deve contenere almeno una lettera (maiuscolo o minuscolo).
  • "(?=.*\D)"Indica che la stringa/password contiene almeno una cifra.
  • ".8,12"Dice che la password deve essere lunga da 8 a 12 caratteri.
  • "$"Indica la fine della stringa di pattern.

Esempio

In un file HTML, crea un modulo con un campo di input per prendere input password e un pulsante di invio. Attacca un "al clic"Evento con il pulsante che chiamerà la funzione"passwordValidation ()"Sul modulo Presentazione per convalidare la password data:






Crea un elemento Div e menziona le regole per la password nell'elenco non ordinato:



    Segui il formato dato per la password

  • La password deve essere 8-12 caratteri

  • Almeno un alfabeto (maiuscolo o minuscolo)

  • Almeno un numero presente nella password

  • Almeno un personaggio speciale (-,.,@, $,!,%,+, =,<,>,#,?,&)


Nel file CSS, crea IDS "errore" E "MSG"E imposta i colori"rosso" E "verde"Rispettivamente. Assegna questi ID a

Tag per mostrare i messaggi quando la password corregge o errata:

#errore
colore rosso;
#msg
Colore: verde;

Crea un ID "scatola"Ciò assegna all'elemento Div per impostare la dimensione del carattere del testo:

#scatola
Font-size: piccolo;

Nel file JavaScript, utilizzare il seguente codice per convalidare la password:

functionpasswordValidation ()

regexpattern = /^(?=.*[-\#\ $ \.\%\ & \ \ \!\+\ = \\*]) (?=.*[a-za-z]) (?=.*\D).8,12 $/;
inputTextVal = documento.getElementById ("txt");
if (inputTextVal.valore.Match (regexPattern))

documento.getElementById ("MSG").InnerHtml = "Great";
ReturnTrue;

altro

documento.getElementById ("Errore").InnerHtml = "Segui il formato corretto";
ReturnFalse;

Nel frammento di codice sopra:

  • Innanzitutto, definire una funzione "passwordValidation ()"Che attiverà il clic del pulsante.
  • Definire un modello di regex per la convalida della password con caratteri speciali.
  • Ottieni il riferimento del campo di input usando "getElementById ()" metodo.
  • Quindi, controlla il valore di input se corrisponde al modello o meno usando "incontro()" metodo.
  • Se la password corrisponde al modello, stampare il messaggio "Grande", Altrimenti, stampare il messaggio di errore.

Produzione

Ora, per accettare l'input come password, utilizzare il tipo di input "parola d'ordine":

Puoi vedere che l'output prende la password nel formato della password:

Riguarda la convalida delle password con caratteri speciali.

Conclusione

Utilizzo "/^(?=.*[-\#\ $ \.\%\ & \ \ \!\+\ = \\*]) (?=.*[a-za-z]) (?=.*\D).8,12 $/"Per caratteri speciali nella convalida della password. Il modello prenderà in considerazione una password che contiene almeno un alfabeto, carattere speciale e una cifra di lunghezza da 8 a 12 caratteri. Questo articolo ha descritto l'espressione o il modello regolare per la convalida delle password contenenti caratteri speciali.