logo

Vahvista salasanan vahvistus JavaScriptissä

Tässä luvussa käsittelemme salasanan vahvistamista JavaScriptin avulla. Meidän on vahvistettava salasana joka kerta, kun käyttäjä luo tilin mille tahansa verkkosivustolle tai sovellukselle. Joten meidän on vahvistettava kelvollinen salasana sekä asetettava vahvistus salasanan vahvistus. Jotta salasana olisi kelvollinen, sen on sisällettävä seuraavat parametrit:

  • Salasanan tulee olla aakkosnumeerinen.
  • Salasanan ensimmäisen kirjaimen tulee olla iso.
  • Salasanan tulee sisältää erikoismerkki (@, $, !, & jne.).
  • Salasanan pituuden on oltava yli 8 merkkiä.
  • Yksi tärkeimmistä, että salasanakentät eivät saa olla tyhjiä.

Aina kun käyttäjä luo salasanan, on aina yksi vahvistussalasanan kenttä lisää. Se tarkistaa, että käyttäjän syöttämä salasana on sama kuin tässä vahvistussalasanakentässä. Kelvollisen salasanan luomiseksi sekä salasanan että vahvistussalasanakentän arvon on vastattava.

Ensin tarkistamme oikean salasanan ja vahvistamme sitten salasanan vahvistustarkistukset.

Kelvollinen salasana Vahvistus

Tässä esimerkissä tarkistamme, että käyttäjän luoma salasana on kelvollinen vai ei ja vastaa kaikkia yllä mainittuja parametreja. Katso alla oleva koodi salasanan vahvistamiseksi.

Kopioi koodi

muuntaa int merkkijonoksi 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 
Testaa nyt

Lähtö

HTML-lomake ilmestyy verkkoon suorittamalla yllä oleva koodi. Anna tässä tiedot tekstikentissä ja napsauta Lähetä-painiketta käsitelläksesi. Varmennusten mukaan, jos tiedot ovat oikein, näkyviin tulee hälytysruutu, jossa on viesti: Salasanasi luotu onnistuneesti. Tässä, kun napsautat OK -painiketta, se siirtyy toiseen lähtöön.

Kuvakaappaus 1

Vahvista salasanan vahvistus JavaScriptissä

Kun napsautat OK -painiketta hälytysruudun sisällä, se siirtyy yksinkertaiseen HTML-lähtöön, jossa se näyttää viestin Lomakkeen tiedot on lähetetty onnistuneesti .

Kuvakaappaus 2

vertaa javaan
Vahvista salasanan vahvistus JavaScriptissä

Tulos väärien merkintöjen antamisesta

Jos syötit väärän arvon tai jätit jonkin vaaditun kentän tyhjäksi, se näyttää virheilmoituksen syöttöruudun oikealla puolella. Nämä virheet näkyvät yksitellen vahvistustarkistuksen jälkeen jokaisen napsautuksen jälkeen Lähetä -painiketta. Katso virheet alla olevasta kuvakaappauksesta:

Vahvista salasanan vahvistus JavaScriptissä

Voit tarkistaa, toimivatko kaikki vahvistukset oikein, kopioimalla koodi ja suorittamalla se JavaScript-kääntäjässäsi.