Ebben a fejezetben a JavaScript használatával történő jelszóérvényesítésről lesz szó. Valahányszor egy felhasználó fiókot hoz létre bármely webhelyen vagy alkalmazásban, ellenőriznünk kell a jelszót. Tehát ellenőriznünk kell az érvényes jelszót, valamint el kell helyeznünk a jelszó érvényesítésének megerősítését. Az érvényes jelszóhoz a következő paramétereket kell tartalmaznia, hogy érvényes legyen:
- A jelszónak alfanumerikusnak kell lennie.
- A jelszó első betűje legyen nagy.
- A jelszónak tartalmaznia kell egy speciális karaktert (@, $, !, & stb.).
- A jelszó hosszának 8 karakternél hosszabbnak kell lennie.
- Az egyik legfontosabb, hogy a jelszómezők ne legyenek üresek.
Amikor a felhasználó létrehoz egy jelszót, mindig van még egy jelszó megerősítési mező. Ellenőrzi, hogy a felhasználó által beírt jelszó megegyezik-e a jelszó megerősítése mezőkkel. Érvényes jelszó létrehozásához a jelszó és a jelszó megerősítése mező értékének meg kell egyeznie.
Először ellenőrizzük az érvényes jelszót, majd megerősítjük a jelszó érvényesítését.
Érvényes jelszó Érvényesítés
Ebben a példában ellenőrizni fogjuk, hogy a felhasználó által létrehozott jelszó érvényes-e vagy sem, és megfelel-e a fent tárgyalt összes paraméternek. A jelszó ellenőrzéséhez lásd az alábbi kódot.
Kód másolása
mi az a rom
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 Tesztelje most Kimenet
A fenti kód végrehajtásával egy HTML űrlap jelenik meg a weben. Itt adja meg az adatokat a szöveges mezőkben, majd kattintson a Küldés gombra a feldolgozáshoz. Az ellenőrzések szerint, ha az adatok helyesek, egy figyelmeztető ablak jelenik meg egy üzenettel: Az Ön jelszava létrehozva sikeresen. Itt, ha rákattint a rendben gombot, akkor másik kimenetre lép.
1. képernyőkép
Amikor rákattint a rendben gombot a figyelmeztető mezőben, akkor egy egyszerű HTML-kimenetre lép, ahol üzenetet jelenít meg Az űrlap adatai sikeresen elküldve .
2. képernyőkép
math pow java
Kimenet hibás bejegyzések megadásakor
Ha rossz értéket adott meg, vagy üresen hagyott egy kötelező mezőt, hibaüzenet jelenik meg a beviteli mező jobb oldalán. Ezek a hibák egyenként jelennek meg az érvényesítési ellenőrzés után minden egyes kattintásnál Beküldés gomb. Tekintse meg a hibákat az alábbi képernyőképen:
Annak ellenőrzéséhez, hogy az összes ellenőrzés megfelelően működik-e vagy sem, másolja ki a kódot, és futtassa azt a JavaScript-fordítóban.