In questo capitolo discuteremo della convalida della password utilizzando JavaScript. Dobbiamo convalidare una password ogni volta che un utente crea un account su qualsiasi sito Web o app. Quindi, dobbiamo verificare una password valida e inserire la convalida della password di conferma. Affinché una password sia valida, i seguenti parametri devono essere contenuti affinché siano validi:
- Una password deve essere alfanumerica.
- La prima lettera della password deve essere maiuscola.
- La password deve contenere un carattere speciale (@, $, !, &, ecc.).
- La lunghezza della password deve essere maggiore di 8 caratteri.
- Uno dei più importanti è che i campi della password non siano vuoti.
Ogni volta che un utente crea una password, c'è sempre un campo in più per confermare la password. Verifica che la password inserita dall'utente sia la stessa dei campi di conferma password. Per creare una password valida, sia il valore dei campi password che quello di conferma password devono corrispondere.
Per prima cosa controlleremo la presenza di una password valida e quindi confermeremo i controlli di convalida della password.
Convalida password valida
In questo esempio, controlleremo che la password creata dall'utente sia valida o meno e corrisponda a tutti i parametri discussi sopra. Vedi il codice qui sotto per la verifica della password.
Copia codice
differenza tra due stringhe di Python
Verification of valid Password function verifyPassword() { var pw = document.getElementById('pswd').value; //check empty password field if(pw == '') { document.getElementById('message').innerHTML = '**Fill the password please!'; return false; } //minimum password length validation if(pw.length 15) { document.getElementById('message').innerHTML = '**Password length must not exceed 15 characters'; return false; } else { alert('Password is correct'); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Reset Provalo adesso Produzione
Un modulo HTML apparirà sul web eseguendo il codice sopra. Qui, fornisci i dati nei campi di testo e fai clic sul pulsante Invia per elaborarli. Secondo le convalide, se i dati sono corretti, verrà visualizzata una finestra di avviso con un messaggio: La tua password creata con successo. Qui quando fai clic su OK pulsante, verrà indirizzato a un'altra uscita.
Schermata 1
Quando fai clic su OK pulsante all'interno della casella di avviso, si sposterà su un semplice output HTML dove verrà visualizzato un messaggio I dati del modulo sono stati inviati con successo .
Schermata 2
tcp contro udp
Output in caso di inserimento di voci errate
Nel caso in cui tu abbia inserito un valore sbagliato o lasciato vuoto un campo obbligatorio, verrà visualizzato un errore a destra della casella di input. Questi errori verranno visualizzati uno per uno dopo il controllo di convalida ad ogni clic sul file Invia pulsante. Vedi gli errori nello screenshot qui sotto:
Per verificare che tutte le convalide funzionino correttamente o meno, copia il codice ed eseguilo nel tuo compilatore JavaScript.