V tem poglavju bomo razpravljali o preverjanju gesla z uporabo JavaScripta. Geslo moramo potrditi vsakič, ko uporabnik ustvari račun na katerem koli spletnem mestu ali v aplikaciji. Torej moramo preveriti veljavno geslo in potrditi veljavnost gesla. Za veljavno geslo mora vsebovati naslednje parametre, da je veljavno -

• Geslo mora biti alfanumerično.
• Prva črka gesla naj bo velika.
• Geslo mora vsebovati poseben znak (@, $, !, & itd.).
• Geslo mora biti daljše od 8 znakov.
• Eden najpomembnejših je, da polja za geslo ne smejo biti prazna.

Kadarkoli uporabnik ustvari geslo, je vedno na voljo še eno polje za potrditev gesla. Preveri, ali je geslo, ki ga je vnesel uporabnik, enako kot ta polja za potrditev gesla. Če želite ustvariti veljavno geslo, se morata ujemati vrednosti polj za geslo in potrditev gesla.

Najprej bomo preverili veljavno geslo in nato potrdili preverjanje veljavnosti gesla.

Validacija veljavnega gesla

V tem primeru bomo preverili, ali je geslo, ki ga je ustvaril uporabnik, veljavno ali ne in se ujema z vsemi zgoraj obravnavanimi parametri. Glejte spodnjo kodo za preverjanje gesla.

Kopiraj kodo

java programska polja

 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 

Izhod

Z izvedbo zgornje kode se bo v spletu pojavil obrazec HTML. Tukaj vnesite podatke v besedilna polja in kliknite gumb Pošlji za obdelavo. Če so podatki pravilni, se glede na preverjanja prikaže opozorilno polje s sporočilom: Vaše geslo je ustvarjeno uspešno. Tukaj, ko kliknete na v redu gumb, bo preusmerjen na drug izhod.

Posnetek zaslona 1

Ko kliknete na v redu znotraj polja z opozorilom, se premakne na preprost izpis HTML, kjer bo prikazano sporočilo Podatki obrazca so bili uspešno poslani .

Posnetek zaslona 2

1 milijon koliko 0

Izhod za posredovanje napačnih vnosov

Če ste vnesli napačno vrednost ali pustili katero koli zahtevano polje prazno, bo na desni strani vnosnega polja prikazana napaka. Te napake se bodo prikazale ena za drugo po potrditvenem preverjanju z vsakim klikom na Predloži gumb. Oglejte si napake na spodnjem posnetku zaslona:

Če želite preveriti, ali vse validacije delujejo pravilno ali ne, kopirajte kodo in jo izvedite v prevajalniku JavaScript.