Šajā nodaļā mēs apspriedīsim paroles validāciju, izmantojot JavaScript. Mums ir jāapstiprina parole katru reizi, kad lietotājs izveido kontu jebkurā vietnē vai lietotnē. Tātad, mums ir jāpārbauda derīga parole, kā arī jāievieto apstiprinājuma paroles validācija. Lai parole būtu derīga, tai ir jāietver šādi parametri:
- Parolei jābūt burtciparu.
- Paroles pirmajam burtam jābūt lielajam.
- Parolē ir jābūt īpašai rakstzīmei (@, $, !, & utt.).
- Paroles garumam ir jābūt lielākam par 8 rakstzīmēm.
- Viens no svarīgākajiem, lai paroles lauki nebūtu tukši.
Ikreiz, kad lietotājs izveido paroli, vienmēr ir vēl viens apstiprinājuma paroles lauks. Tas pārbauda, vai lietotāja ievadītā parole ir tāda pati kā šajā apstiprinājuma paroles laukos. Lai izveidotu derīgu paroli, ir jāsakrīt gan paroles, gan paroles apstiprināšanas lauka vērtība.
Vispirms mēs pārbaudīsim, vai parole ir derīga, un pēc tam apstiprināsim paroles validācijas pārbaudes.
Derīgas paroles apstiprināšana
Šajā piemērā mēs pārbaudīsim, vai lietotāja izveidotā parole ir derīga vai nē, un atbilst visiem iepriekš apskatītajiem parametriem. Paroles pārbaudei skatiet tālāk norādīto kodu.
Kopēt kodu
python atlikuma operators
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 Izmēģiniet to tūlīt Izvade
Tīmeklī parādīsies HTML veidlapa, izpildot iepriekš minēto kodu. Šeit ievadiet datus teksta laukos un noklikšķiniet uz pogas Iesniegt, lai apstrādātu. Saskaņā ar apstiprinājumiem, ja dati ir pareizi, tiks parādīts brīdinājuma lodziņš ar ziņojumu: Jūsu parole ir izveidota veiksmīgi. Šeit, noklikšķinot uz labi pogu, tas pāries uz citu izvadi.
1. ekrānuzņēmums
Noklikšķinot uz labi pogu, kas atrodas brīdinājuma lodziņā, tā tiks pārvietota uz vienkāršu HTML izvadi, kurā tiks parādīts ziņojums Veidlapas dati ir veiksmīgi iesniegti .
2. ekrānuzņēmums
stīgu formatētājs
Izvade, sniedzot nepareizus ierakstus
Ja ievadījāt nepareizu vērtību vai atstājāt kādu no obligātajiem laukiem tukšu, ievades lodziņa labajā pusē tiks parādīta kļūda. Šīs kļūdas tiks parādītas pa vienai pēc validācijas pārbaudes ar katru klikšķi uz Iesniegt pogu. Skatiet kļūdas zemāk esošajā ekrānuzņēmumā:
Lai pārbaudītu, vai visas validācijas darbojas pareizi, nokopējiet kodu un izpildiet to savā JavaScript kompilatorā.