U ovom poglavlju raspravljat ćemo o provjeri valjanosti lozinke pomoću JavaScripta. Moramo potvrditi lozinku svaki put kad korisnik kreira račun na bilo kojoj web stranici ili aplikaciji. Dakle, moramo potvrditi važeću lozinku, kao i staviti potvrdu valjanosti lozinke. Da bi lozinka bila valjana, moraju sadržavati sljedeće parametre -
- Lozinka bi trebala biti alfanumerička.
- Prvo slovo lozinke treba biti veliko.
- Lozinka mora sadržavati poseban znak (@, $, !, & itd.).
- Dužina lozinke mora biti veća od 8 znakova.
- Jedna od najvažnijih je da polja za lozinku ne smiju biti prazna.
Kad god korisnik kreira lozinku, uvijek postoji još jedno polje za potvrdu lozinke. Provjerava je li lozinka koju je unio korisnik ista kao ova polja za potvrdu lozinke. Da biste stvorili važeću lozinku, moraju se podudarati vrijednosti polja za lozinku i za potvrdu lozinke.
Prvo ćemo provjeriti valjanost lozinke, a zatim potvrditi provjere valjanosti lozinke.
Provjera valjanosti lozinke
U ovom primjeru ćemo provjeriti je li lozinka koju je kreirao korisnik valjana ili ne i odgovara li svim gore navedenim parametrima. Pogledajte donji kod za provjeru lozinke.
Kopiraj kod
js onload
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 Testirajte sada Izlaz
HTML obrazac će se pojaviti na webu izvršavanjem gornjeg koda. Ovdje unesite podatke u tekstualna polja i kliknite na gumb Pošalji za obradu. Prema provjerama valjanosti, ako su podaci točni, pojavit će se okvir upozorenja s porukom: Vaša lozinka je stvorena uspješno. Ovdje kada kliknete na u redu gumb, prijeći će na drugi izlaz.
Snimka zaslona 1
Kada kliknete na u redu unutar okvira upozorenja, premjestit će se na jednostavan HTML izlaz gdje će prikazati poruku Podaci obrasca su uspješno poslani .
Snimka zaslona 2
sonu nigam
Izlaz za davanje pogrešnih unosa
U slučaju da ste unijeli pogrešnu vrijednost ili ostavili bilo koje potrebno polje prazno, prikazat će se pogreška s desne strane okvira za unos. Ove će se pogreške prikazivati jedna po jedna nakon provjere valjanosti sa svakim klikom na podnijeti dugme. Pogledajte pogreške na slici ispod:
Kako biste provjerili rade li sve provjere valjanosti ispravno ili ne, kopirajte kôd i izvršite ga u svom JavaScript prevoditelju.