Dopasowanie hasła za pomocą JavaScript
Potwierdź pola hasła, aby uwzględnić formularze online, które proszą użytkowników o ustawienie hasła. Pole hasła domyślnie ukrywa dane wejściowe użytkownika, dzięki czemu konieczne jest posiadanie pewnego rodzaju mechanizmu, który pozwala użytkownikom potwierdzić, że napisali odpowiednie hasło bez tworzenia literówek. Pole potwierdź hasło podpowiada użytkownika do odzyskania hasła, jeśli myli jakieś znaki, a hasło i potwierdź pola hasła nie pasują.
W tym poście naszym celem jest stworzenie formularza HTML, który pasuje do wejścia użytkownika w Hasło I Potwierdź hasło pola, aby potwierdzić, czy użytkownik wpisał odpowiednie hasło, czy też stworzył literówki.
Krok 1: Formularz HTML
Pierwszym krokiem jest stworzenie formularza HTML, który przyjmuje dane wejściowe użytkownika:
Wskazówka Linux
Utworzyliśmy prosty formularz HTML, który ma dwa pola wejściowe hasła typu i przycisk logowania, który wywołuje Potwierdzenie hasła() funkcja, gdy zostanie kliknięta.
Krok 2: Walidacja formularza JavaScript
Teraz napiszemy kod JavaScript w Potwierdzenie hasła() funkcja, która sprawdza hasło:
funkcja hasło
var hasło = dokument.getElementById („pass”).wartość;
var potwierdzający program = dokument.getElementById („potwierdzenie”).wartość;
if (hasło == "")
alert („Błąd: pole hasła jest puste.");
else if (hasło == potwierdza słowek)
alert („zalogowany”);
w przeciwnym razie
Alert („Upewnij się, że hasła pasują.")
W środku Potwierdzenie hasła() Funkcja Najpierw otrzymujemy wartości hasła i potwierdzamy pola hasła i przechowujemy je wewnątrz zmiennych. Następnie używamy instrukcji warunkowych, aby sprawdzić różne przypadki.
Przypadek 1: Pole hasła jest puste
Pierwsza sprawdza warunkowe, czy pole hasła jest puste. Monitujemy użytkownik do wpisania hasła, jeśli pole jest puste:
Przypadek 2: pasują hasła
W przypadku, gdy hasła pasują do użytkownika z powodzeniem logują się:
Przypadek 3: Hasła nie pasują
Jeśli hasła nie pasują, prosimy użytkownika o ponowne przesłanie haseł i upewniamy się, że pasują:
Kod JavaScript i HTML razem wygląda tak jak to:
Wskazówka Linux
Wniosek
Ludzie często mogą popełniać błędy, ale to nie powinno ich zablokować od logowania na swoje konta. Nawet najmniejszy błąd w wprowadzaniu hasła może ograniczyć dostęp użytkownika do jego konta. Tak więc zawsze dobrym pomysłem jest dwukrotnie sprawdzenie hasła użytkownika, aby potwierdzić, że wprowadzili właściwy.