V této kapitole se budeme zabývat ověřováním hesel pomocí JavaScriptu. Pokaždé, když si uživatel vytvoří účet na jakékoli webové stránce nebo aplikaci, musíme heslo ověřit. Musíme tedy ověřit platné heslo a také provést potvrzení platnosti hesla. Aby bylo heslo platné, musí obsahovat následující parametry, aby bylo platné -
- Heslo by mělo být alfanumerické.
- První písmeno hesla by mělo být velké.
- Heslo musí obsahovat speciální znak (@, $, !, & atd.).
- Délka hesla musí být delší než 8 znaků.
- Jedním z nejdůležitějších je, že pole hesla by neměla být prázdná.
Kdykoli si uživatel vytvoří heslo, je zde vždy ještě jedno pole pro potvrzení hesla. Zkontroluje, zda je heslo zadané uživatelem stejné jako tato pole pro potvrzení hesla. Chcete-li vytvořit platné heslo, musí se shodovat hodnoty polí hesla a potvrzení hesla.
Nejprve zkontrolujeme platné heslo a poté potvrdíme kontrolu platnosti hesla.
Platné heslo Ověření
V tomto příkladu zkontrolujeme, zda je heslo vytvořené uživatelem platné nebo ne a shoduje se se všemi výše uvedenými parametry. Podívejte se na kód níže pro ověření hesla.
Kopírovat kód
git add --all
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 Otestujte to hned Výstup
Spuštěním výše uvedeného kódu se na webu objeví HTML formulář. Zde zadejte data do textových polí a klikněte na tlačítko Odeslat pro zpracování. Podle ověření, pokud jsou data správná, vyskočí výstražné okno se zprávou: Vaše heslo bylo vytvořeno úspěšně. Zde, když kliknete na OK tlačítko, přejde na jiný výstup.
Snímek obrazovky 1
Když kliknete na OK tlačítko uvnitř pole výstrahy, přesune se na jednoduchý výstup HTML, kde zobrazí zprávu Údaje formuláře byly úspěšně odeslány .
Snímek obrazovky 2
řetězec java concat
Výstup při zadání chybných záznamů
V případě, že jste zadali špatnou hodnotu nebo nechali požadované pole prázdné, zobrazí se chyba v pravé části vstupního pole. Tyto chyby se zobrazí jedna po druhé po kontrole ověření při každém kliknutí na Předložit knoflík. Podívejte se na chyby na níže uvedeném snímku obrazovky:
Chcete-li zkontrolovat, zda všechna ověření fungují správně nebo ne, zkopírujte kód a spusťte jej v kompilátoru JavaScriptu.