Veidojot tiešsaistes veidlapas, kurās lietotājiem ir jāiestata parole, ir jāiekļauj apstiprinājuma paroles lauki. Paroles lauks pēc noklusējuma slēpj lietotāja ievadīto informāciju, tāpēc ir nepieciešams kaut kāds mehānisms, kas ļauj lietotājiem apstiprināt, ka viņi ir uzrakstījuši pareizo paroli, nepieļaujot drukas kļūdas. Paroles apstiprināšanas lauks aicina lietotāju vēlreiz pārbaudīt savu paroli, ja viņš ir nepareizi ievadījis rakstzīmes un paroles un apstiprinājuma paroles lauki nesakrīt.
Šajā ziņojumā mūsu mērķis ir izveidot HTML veidlapu, kas atbilst lietotāja ievadītajai informācijai Parole un apstipriniet paroli laukus, lai pārbaudītu, vai lietotājs ir ievadījis pareizo paroli vai ir pieļāvis drukas kļūdas.
1. darbība: HTML veidlapa
Pirmais solis ir izveidot HTML veidlapu, kas ņem vērā lietotāja ievadi:
< centrs >
< h2 > Linux padoms h2 >
< formā >
< lpp > Ievadi paroli lpp >
< ievade veids = 'parole' id = 'pāriet' > < br >< br >
< lpp > apstipriniet paroli lpp >
< ievade veids = 'parole' id = 'apstiprināt' > < br >< br >
< pogu veids = 'Iesniegt' onclick = 'paroles apstiprināšana()' > Žurnāls iekšā pogu >
formā >
centrs >
Mēs esam izveidojuši vienkāršu HTML veidlapu, kurā ir divi ievades lauki, ierakstot paroli, un poga Pieteikties, kas izsauc paroles apstiprināšana() funkcija, kad uz tā tiek noklikšķināts.
2. darbība: JavaScript veidlapas validācija
Tagad mēs ierakstīsim JavaScript kodu iekšpusē paroles apstiprināšana() funkcija, kas apstiprina paroli:
funkciju paroles apstiprināšana ( ) {
var parole = document.getElementById ( 'pāriet' ) .value;
var apstiprinātPassword = document.getElementById ( 'apstiprināt' ) .value;
ja ( parole == '' ) {
brīdinājums ( 'Kļūda: paroles lauks ir tukšs.' ) ;
} cits ja ( parole == apstipriniet paroli ) {
brīdinājums ( 'Pieteicies' ) ;
} cits {
brīdinājums ( 'Lūdzu, pārliecinieties, vai jūsu paroles atbilst.' )
}
}
Iekšpusē paroles apstiprināšana() Mēs vispirms iegūstam paroles vērtības un apstiprinām paroles laukus un saglabājam tos mainīgajos. Pēc tam mēs izmantojam nosacījumu paziņojumus, lai pārbaudītu dažādus gadījumus.
1. gadījums: Paroles lauks ir tukšs
Pirmais nosacījums pārbauda, vai paroles lauks ir tukšs. Mēs aicinām lietotāju ievadīt paroli, ja lauks ir tukšs:
2. gadījums: paroles atbilst
Ja paroles sakrīt, lietotājs veiksmīgi piesakās:
3. gadījums: paroles nesakrīt
Ja paroles nesakrīt, mēs lūdzam lietotāju atkārtoti ievadīt paroles un pārliecināties, ka tās atbilst:
JavaScript un HTML kods kopā izskatās šādi:
< html >
< ķermenis >
< centrs >
< h2 > Linux padoms h2 >
< formā >
< lpp > Ievadi paroli lpp >
< ievade veids = 'parole' id = 'pāriet' > < br >< br >
< lpp > apstipriniet paroli lpp >
< ievade veids = 'parole' id = 'apstiprināt' > < br >< br >
< pogu veids = 'Iesniegt' onclick = 'paroles apstiprināšana()' > Žurnāls iekšā pogu >
formā >
centrs >
ķermenis >
< skripts >
funkciju paroles apstiprināšana ( ) {
var parole = document.getElementById ( 'pāriet' ) .value;
var apstiprinātPassword = document.getElementById ( 'apstiprināt' ) .value;
ja ( parole == '' ) {
brīdinājums ( 'Kļūda: paroles lauks ir tukšs.' ) ;
} cits ja ( parole == apstipriniet paroli ) {
brīdinājums ( 'Pieteicies' ) ;
} cits {
brīdinājums ( 'Lūdzu, pārliecinieties, vai jūsu paroles atbilst.' )
}
}
skripts >
html >
Secinājums
Cilvēki bieži var kļūdīties, taču tam nevajadzētu liegt viņiem pieteikties savos kontos. Pat mazākā kļūda, ievadot paroli, var ierobežot lietotāja piekļuvi savam kontam. Tāpēc vienmēr ir ieteicams vēlreiz pārbaudīt lietotāja paroli, lai pārliecinātos, ka viņš ir ievadījis pareizo paroli.