Polja za potrditev gesla je treba vključiti pri ustvarjanju spletnih obrazcev, ki od uporabnikov zahtevajo, da nastavijo geslo. Polje za geslo privzeto skrije uporabnikov vnos, zaradi česar je potreben nekakšen mehanizem, ki uporabnikom omogoča, da potrdijo, da so napisali pravo geslo, ne da bi se pri tem zatipkali. Polje za potrditev gesla pozove uporabnika, da znova preveri svoje geslo, če narobe vnese kateri koli znak in se polji za geslo in potrditev gesla ne ujemata.
V tej objavi je naš cilj ustvariti obrazec HTML, ki se ujema z vnosom uporabnika v Geslo in potrdi geslo polja za potrditev, ali je uporabnik vnesel pravo geslo ali se je kaj zmotil.
1. korak: Obrazec HTML
Prvi korak je izdelava obrazca HTML, ki sprejme vnos uporabnika:
< center >
< h2 > Namig za Linux h2 >
< oblika >
< str > Vnesite geslo str >
< vnos vrsta = 'geslo' id = 'mimo' > < št >< št >
< str > potrdi geslo str >
< vnos vrsta = 'geslo' id = 'potrdi' > < št >< št >
< gumb vrsta = 'oddaj' onclick = 'potrditev gesla()' > Dnevnik v gumb >
oblika >
center >
Ustvarili smo preprost obrazec HTML, ki ima dve vnosni polji tipa geslo in gumb Prijava, ki kliče potrditev gesla() funkcijo, ko jo kliknete.
2. korak: Preverjanje obrazca JavaScript
Zdaj bomo napisali kodo JavaScript znotraj potrditev gesla() funkcija, ki potrdi geslo:
funkcijo potrditev gesla ( ) {
var geslo = document.getElementById ( 'mimo' ) .vrednost;
var confirmPassword = document.getElementById ( 'potrdi' ) .vrednost;
če ( geslo == '' ) {
opozorilo ( 'Napaka: polje za geslo je prazno.' ) ;
} drugače če ( geslo == potrdi geslo ) {
opozorilo ( 'Prijavljeni' ) ;
} drugače {
opozorilo ( 'Prosimo, poskrbite, da se vajini gesli ujemata.' )
}
}
Znotraj potrditev gesla() funkcijo najprej pridobimo vrednosti polj za geslo in potrditev gesla ter jih shranimo znotraj spremenljivk. Nato uporabimo pogojne stavke za preverjanje različnih primerov.
1. primer: Polje za geslo je prazno
Prvi pogojnik preveri, ali je polje za geslo prazno. Če je polje prazno, uporabnika pozovemo k vpisu gesla:
Primer 2: Gesli se ujemata
V primeru, da se gesli ujemata, se uporabnik uspešno prijavi:
Primer 3: Gesli se ne ujemata
Če se gesli ne ujemata, prosimo uporabnika, da gesli ponovno vnese in se prepriča, da se ujemajo:
Koda JavaScript in HTML skupaj izgledata nekako takole:
< html >
< telo >
< center >
< h2 > Namig za Linux h2 >
< oblika >
< str > Vnesite geslo str >
< vnos vrsta = 'geslo' id = 'mimo' > < št >< št >
< str > potrdi geslo str >
< vnos vrsta = 'geslo' id = 'potrdi' > < št >< št >
< gumb vrsta = 'oddaj' onclick = 'potrditev gesla()' > Dnevnik v gumb >
oblika >
center >
telo >
< scenarij >
funkcijo potrditev gesla ( ) {
var geslo = document.getElementById ( 'mimo' ) .vrednost;
var confirmPassword = document.getElementById ( 'potrdi' ) .vrednost;
če ( geslo == '' ) {
opozorilo ( 'Napaka: polje za geslo je prazno.' ) ;
} drugače če ( geslo == potrdi geslo ) {
opozorilo ( 'Prijavljeni' ) ;
} drugače {
opozorilo ( 'Prosimo, poskrbite, da se vajini gesli ujemata.' )
}
}
scenarij >
html >
Zaključek
Ljudje se lahko pogosto zmotimo, vendar jim to ne bi smelo preprečiti prijave v svoje račune. Že najmanjša napaka pri vnosu gesla lahko uporabniku omeji dostop do njegovega računa. Zato je vedno dobro preveriti uporabniško geslo, da potrdite, da je vnesel pravo.