W tym rozdziale omówimy weryfikację hasła przy użyciu JavaScript. Musimy zweryfikować hasło za każdym razem, gdy użytkownik tworzy konto w dowolnej witrynie lub aplikacji. Musimy więc zweryfikować prawidłowe hasło, a także potwierdzić poprawność hasła. Aby hasło było ważne, musi zawierać następujące parametry, aby było ważne -
- Hasło powinno być alfanumeryczne.
- Pierwsza litera hasła powinna być duża.
- Hasło musi zawierać znak specjalny (@, $, !, & itp.).
- Długość hasła musi być większa niż 8 znaków.
- Jedną z najważniejszych jest to, że pola hasła nie powinny być puste.
Za każdym razem, gdy użytkownik tworzy hasło, zawsze pojawia się jeszcze jedno pole do potwierdzenia hasła. Sprawdza, czy hasło wprowadzone przez użytkownika jest takie samo, jak w polach potwierdzenia hasła. Aby utworzyć prawidłowe hasło, wartość pól „Hasło” i „Potwierdź hasło” musi być zgodna.
Najpierw sprawdzimy, czy hasło jest ważne, a następnie potwierdzimy weryfikację hasła.
Weryfikacja prawidłowego hasła
W tym przykładzie sprawdzimy, czy hasło utworzone przez użytkownika jest prawidłowe i czy odpowiada wszystkim parametrom omówionym powyżej. Zobacz poniższy kod, aby zweryfikować hasło.
Skopiuj kod
edukacja Marka Zuckerberga
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 Przetestuj teraz Wyjście
Po wykonaniu powyższego kodu w Internecie pojawi się formularz HTML. Tutaj podaj dane w polach tekstowych i kliknij przycisk Prześlij, aby je przetworzyć. Zgodnie z walidacjami, jeśli dane są prawidłowe, pojawi się okno alertu z komunikatem: Twoje hasło zostało utworzone z powodzeniem. Tutaj po kliknięciu OK przycisk, nastąpi przejście do innego wyjścia.
Zrzut ekranu 1
Kiedy klikniesz na OK znajdujący się w oknie alertu, nastąpi przejście do prostego wyniku HTML, w którym zostanie wyświetlony komunikat Dane formularza zostały przesłane pomyślnie .
Zrzut ekranu 2
wersje Androida
Dane wyjściowe w przypadku podania błędnych wpisów
Jeżeli wprowadzisz błędną wartość lub pozostawisz puste pole, po prawej stronie pola wprowadzania zostanie wyświetlony komunikat o błędzie. Błędy te będą pojawiać się jeden po drugim po sprawdzeniu poprawności przy każdym kliknięciu przycisku Składać przycisk. Zobacz błędy na poniższym zrzucie ekranu:
Aby sprawdzić, czy wszystkie walidacje działają poprawnie, skopiuj kod i wykonaj go w swoim kompilatorze JavaScript.