Pole pro potvrzení hesla je nutné zahrnout při vytváření online formulářů, které po uživatelích vyžadují nastavení hesla. Pole hesla ve výchozím nastavení skrývá zadání uživatele, takže je nutné mít nějaký mechanismus, který uživatelům umožňuje potvrdit, že napsali správné heslo, aniž by udělali nějaké překlepy. Pole pro potvrzení hesla vyzve uživatele, aby znovu zkontroloval své heslo, pokud zadá nějaké znaky špatně a pole hesla a potvrzení hesla se neshodují.
V tomto příspěvku je naším cílem vytvořit HTML formulář, který odpovídá zadání uživatele v Heslo a Potvrďte heslo polí pro potvrzení, zda uživatel zadal správné heslo nebo udělal nějaké překlepy.
Krok 1: HTML formulář
Prvním krokem je vytvoření formuláře HTML, který převezme vstup uživatele:
< centrum >
< h2 > Nápověda pro Linux h2 >
< formulář >
< p > Zadejte heslo p >
< vstup typ = 'Heslo' id = 'složit' > < br < br >
< p > Potvrďte heslo p >
< vstup typ = 'Heslo' id = 'potvrdit' > < br < br >
< knoflík typ = 'Předložit' při kliknutí = 'Potvrzení hesla()' > Log v knoflík >
formulář >
centrum >
Vytvořili jsme jednoduchý HTML formulář, který má dvě vstupní pole typu heslo a tlačítko Přihlásit, které volá Potvrzení hesla() funkce po kliknutí.
Krok 2: Ověření formuláře JavaScript
Nyní napíšeme kód JavaScript dovnitř Potvrzení hesla() funkce, která ověřuje heslo:
funkce Potvrzení hesla ( ) {
var heslo = document.getElementById ( 'složit' ) .hodnota;
var potvrditPassword = document.getElementById ( 'potvrdit' ) .hodnota;
-li ( heslo == '' ) {
upozornění ( 'Chyba: Pole hesla je prázdné.' ) ;
} jiný -li ( heslo == potvrditHeslo ) {
upozornění ( 'Přihlášen' ) ;
} jiný {
upozornění ( 'Prosím, ujistěte se, že se vaše hesla shodují.' )
}
}
Uvnitř Potvrzení hesla() Nejprve získáme hodnoty hesla a potvrdíme pole hesla a uložíme je do proměnných. Pak používáme podmíněné příkazy ke kontrole různých případů.
Případ 1: Pole hesla je prázdné
První podmínka kontroluje, zda je pole pro heslo prázdné. Pokud je pole prázdné, požádáme uživatele o zadání hesla:
Případ 2: Hesla se shodují
V případě shody hesel se uživatel úspěšně přihlásí:
Případ 3: Hesla se neshodují
Pokud se hesla neshodují, požádáme uživatele, aby znovu zadal hesla a ujistil se, že se shodují:
Kód JavaScript a HTML dohromady vypadá asi takto:
< html >
< tělo >
< centrum >
< h2 > Nápověda pro Linux h2 >
< formulář >
< p > Zadejte heslo p >
< vstup typ = 'Heslo' id = 'složit' > < br < br >
< p > Potvrďte heslo p >
< vstup typ = 'Heslo' id = 'potvrdit' > < br < br >
< knoflík typ = 'Předložit' při kliknutí = 'Potvrzení hesla()' > Log v knoflík >
formulář >
centrum >
tělo >
< skript >
funkce Potvrzení hesla ( ) {
var heslo = document.getElementById ( 'složit' ) .hodnota;
var potvrditPassword = document.getElementById ( 'potvrdit' ) .hodnota;
-li ( heslo == '' ) {
upozornění ( 'Chyba: Pole hesla je prázdné.' ) ;
} jiný -li ( heslo == potvrditHeslo ) {
upozornění ( 'Přihlášen' ) ;
} jiný {
upozornění ( 'Prosím, ujistěte se, že se vaše hesla shodují.' )
}
}
skript >
html >
Závěr
Lidé mohou často dělat chyby, ale to by jim nemělo bránit v přihlášení do svých účtů. I sebemenší chyba při zadávání hesla může omezit přístup uživatele k jeho účtu. Vždy je tedy dobré znovu zkontrolovat heslo uživatele, abyste potvrdili, že zadal správné.