În acest capitol, vom discuta despre validarea parolei folosind JavaScript. Trebuie să validăm o parolă de fiecare dată când un utilizator creează un cont pe orice site web sau aplicație. Deci, trebuie să verificăm o parolă validă, precum și să punem validarea parolei de confirmare. Pentru o parolă validă, următorii parametri trebuie să fie conținute de aceasta pentru a fi validă -
- O parolă ar trebui să fie alfanumerice.
- Prima literă a parolei ar trebui să fie majusculă.
- Parola trebuie să conțină un caracter special (@, $, !, & etc).
- Lungimea parolei trebuie să fie mai mare de 8 caractere.
- Unul dintre cele mai importante este că câmpurile de parolă nu trebuie să fie goale.
Ori de câte ori un utilizator creează o parolă, există întotdeauna încă un câmp de confirmare a parolei. Acesta verifică dacă parola introdusă de utilizator este aceeași cu aceste câmpuri de confirmare a parolei. Pentru a crea o parolă validă, atât valoarea pentru parolă, cât și valoarea câmpului de confirmare a parolei trebuie să se potrivească.
În primul rând, vom verifica dacă există o parolă validă și apoi vom confirma verificările de validare a parolei.
Validare parolă validă
În acest exemplu, vom verifica dacă parola creată de utilizator este validă sau nu și se potrivește cu toți parametrii discutați mai sus. Consultați codul de mai jos pentru verificarea parolei.
Copiați codul
sortare cu bule în java
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 Testează-l acum Ieșire
Un formular HTML va apărea pe web prin executarea codului de mai sus. Aici, furnizați datele în câmpuri de text și faceți clic pe butonul Trimite pentru a procesa. Conform validărilor, dacă datele sunt corecte, va apărea o casetă de alertă cu un mesaj: Parola dvs. a fost creată cu succes. Aici când faceți clic pe Bine butonul, va duce la o altă ieșire.
Captură de ecran 1
Când faceți clic pe Bine butonul din interiorul casetei de alertă, se va trece la o ieșire HTML simplă unde va afișa un mesaj Datele formularului au fost trimise cu succes .
Captură de ecran 2
java în timp ce starea
Ieșire privind furnizarea de intrări greșite
În cazul în care ați introdus o valoare greșită sau ați lăsat un câmp obligatoriu gol, va afișa o eroare în partea dreaptă a casetei de introducere. Aceste erori se vor afișa una câte una după verificarea de validare cu fiecare clic pe Trimite buton. Vedeți erorile în captura de ecran de mai jos:
Pentru a verifica dacă toate validările funcționează corect sau nu, copiați codul și executați-l în compilatorul JavaScript.