En aquest capítol, parlarem de la validació de contrasenyes mitjançant JavaScript. Hem de validar una contrasenya cada vegada que un usuari crea un compte a qualsevol lloc web o aplicació. Per tant, hem de verificar una contrasenya vàlida i posar la validació de la contrasenya de confirmació. Per a una contrasenya vàlida, cal que contingui els paràmetres següents perquè sigui vàlida:
- La contrasenya ha de ser alfanumèrica.
- La primera lletra de la contrasenya ha de ser majúscula.
- La contrasenya ha de contenir un caràcter especial (@, $, !, &, etc.).
- La longitud de la contrasenya ha de ser superior a 8 caràcters.
- Un dels més importants és que els camps de contrasenya no estiguin buits.
Sempre que un usuari crea una contrasenya, sempre hi ha un camp més de confirmació de la contrasenya. Comprova que la contrasenya introduïda per l'usuari sigui la mateixa que els camps de confirmació de la contrasenya. Per crear una contrasenya vàlida, el valor dels camps de contrasenya i de confirmació de la contrasenya ha de coincidir.
En primer lloc, comprovarem si hi ha una contrasenya vàlida i després confirmarem les comprovacions de validació de la contrasenya.
Validació de la contrasenya vàlida
En aquest exemple, comprovarem que la contrasenya creada per l'usuari és vàlida o no i coincideix amb tots els paràmetres comentats anteriorment. Consulteu el codi següent per a la verificació de la contrasenya.
Copia el codi
np std
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 Prova-ho ara Sortida
Un formulari HTML apareixerà al web executant el codi anterior. Aquí, proporcioneu les dades als camps de text i feu clic al botó Envia per processar. Segons les validacions, si les dades són correctes, apareixerà un quadre d'alerta amb un missatge: S'ha creat la teva contrasenya amb èxit. Aquí quan feu clic a D'acord botó, portarà a una altra sortida.
Captura de pantalla 1
Quan feu clic a D'acord botó dins del quadre d'alerta, passarà a una sortida HTML senzilla on mostrarà un missatge Les dades del formulari s'han enviat correctament .
Captura de pantalla 2
arbre binari en java
Sortida en proporcionar entrades incorrectes
En cas que hagis introduït un valor incorrecte o hagis deixat un camp obligatori buit, es mostrarà un error a la dreta del quadre d'entrada. Aquests errors es mostraran un per un després de la comprovació de validació amb cada clic a Presentar botó. Vegeu els errors a la captura de pantalla següent:
Per comprovar que totes les validacions funcionen correctament o no, copieu el codi i executeu-lo al vostre compilador de JavaScript.