Corrispondenza password utilizzando JavaScript

Corrispondenza password utilizzando JavaScript

Conferma che i campi della password sono necessari per includere quando si realizzano moduli online che chiedono agli utenti di impostare una password. Il campo della password nasconde l'input dell'utente per impostazione predefinita, rendendo necessario disporre di un qualche tipo di meccanismo che consente agli utenti di confermare di aver scritto la password giusta senza effettuare errori di battitura. Il campo di conferma della password richiede all'utente di ricontrollare la propria password se si appagano con i caratteri e la password e i campi di conferma della password non corrispondono.

In questo post il nostro obiettivo è quello di creare un modulo HTML che corrisponda all'input dell'utente nel Parola d'ordine E Conferma password Campi per confermare se l'utente ha digitato la password giusta o ha realizzato errori di battitura.

Passaggio 1: forma HTML

Il primo passo è quello di creare un modulo HTML che assume l'input dell'utente:


Suggerimento Linux



Inserire la password





Conferma password









Abbiamo creato un semplice modulo HTML che ha due campi di input della password di tipo e un pulsante di accesso che chiama il conferma password() funzione quando viene cliccata.

Passaggio 2: convalida del modulo JavaScript

Ora scriveremo il codice JavaScript all'interno del conferma password() funzione che convalida la password:

funzione passwordConfirmation ()
var password = documento.getElementById ("Pass").valore;
var confermpassword = documento.getElementById ("ConfermPass").valore;
if (password == "")
Avviso ("Errore: il campo password è vuoto.");
else if (password == confermpassword)
avviso ("Accesso");
altro
Avviso ("Assicurati che le tue password corrispondano.")


Dentro il conferma password() Funzione Prima otteniamo i valori della password e confermiamo i campi della password e li archiviamo all'interno delle variabili. Usiamo quindi le dichiarazioni condizionali per verificare i casi diversi.

Caso 1: il campo password è vuoto

Il primo condizionale controlla se il campo della password è vuoto. Chiediamo all'utente di digitare la password se il campo è vuoto:


Caso 2: le password corrispondono

Nel caso in cui le password corrispondano all'utente accedono correttamente in:


Caso 3: le password non corrispondono

Se le password non corrispondono, chiediamo all'utente di rivisitare le password e assicurarci che corrispondano:


Il codice JavaScript e HTML insieme assomigliano a questo:





Suggerimento Linux



Inserire la password





Conferma password










Conclusione

Gli umani possono spesso commettere errori, ma ciò non dovrebbe impedire loro di accedere ai loro account. Anche il minimo errore nell'immissione di una password può limitare l'accesso di un utente al proprio account. Quindi, è sempre una buona idea controllare raddoppiata la password di un utente per confermare di aver inserito quello giusto.