V tejto kapitole sa budeme zaoberať overovaním hesla pomocou JavaScriptu. Vždy, keď si používateľ vytvorí účet na akejkoľvek webovej stránke alebo v aplikácii, musíme heslo overiť. Musíme teda overiť platné heslo, ako aj vložiť potvrdenie overenia hesla. Aby bolo heslo platné, musí obsahovať nasledujúce parametre -

• Heslo by malo byť alfanumerické.
• Prvé písmeno hesla by malo byť veľké.
• Heslo musí obsahovať špeciálny znak (@, $, !, & atď.).
• Dĺžka hesla musí byť väčšia ako 8 znakov.
• Jedným z najdôležitejších je, že polia pre heslo by nemali byť prázdne.

Vždy, keď si používateľ vytvorí heslo, vždy je tu ešte jedno pole na potvrdenie hesla. Skontroluje, či sa heslo zadané používateľom zhoduje s týmito poľami na potvrdenie hesla. Na vytvorenie platného hesla sa musia zhodovať hodnoty polí pre heslo a potvrdenie hesla.

Najprv skontrolujeme platné heslo a potom potvrdíme kontrolu platnosti hesla.

Platné heslo Overenie

V tomto príklade skontrolujeme, či je heslo vytvorené používateľom platné alebo nie a či sa zhoduje so všetkými parametrami uvedenými vyššie. Overenie hesla nájdete v kóde nižšie.

Kopírovať kód

programovanie struct pole c

 Verification of valid Password function verifyPassword() { var pw = document.getElementById(&apos;pswd&apos;).value; //check empty password field if(pw == &apos;&apos;) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Fill the password please!&apos;; return false; } //minimum password length validation if(pw.length 15) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Password length must not exceed 15 characters&apos;; return false; } else { alert(&apos;Password is correct&apos;); } } <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 

Výkon

Spustením vyššie uvedeného kódu sa na webe objaví HTML formulár. Tu zadajte údaje do textových polí a kliknutím na tlačidlo Odoslať ich spracujte. Podľa overení, ak sú údaje správne, zobrazí sa výstražné okno so správou: Vaše heslo bolo vytvorené úspešne. Tu, keď kliknete na OK tlačidlo, prejde na iný výstup.

Snímka obrazovky 1

Keď kliknete na OK tlačidlo vo vnútri výstražného poľa, presunie sa na jednoduchý výstup HTML, kde zobrazí správu Údaje formulára boli úspešne odoslané .

Snímka obrazovky 2

dfs vs bfs

Výstup pri zadávaní nesprávnych záznamov

V prípade, že ste zadali nesprávnu hodnotu alebo nechali požadované pole prázdne, zobrazí sa chyba napravo od vstupného poľa. Tieto chyby sa ukážu jedna po druhej po overovacej kontrole pri každom kliknutí na Predložiť tlačidlo. Pozrite si chyby na snímke obrazovky nižšie:

Ak chcete skontrolovať, či všetky overenia fungujú správne alebo nie, skopírujte kód a spustite ho v kompilátore JavaScriptu.