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('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> ResetTestaa 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
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
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:
Voit tarkistaa, toimivatko kaikki vahvistukset oikein, kopioimalla koodi ja suorittamalla se JavaScript-kääntäjässäsi.