Patvirtinkite slaptažodžio laukus, kuriuos būtina įtraukti kuriant internetines formas, kuriose vartotojų prašoma nustatyti slaptažodį. Slaptažodžio laukas pagal numatytuosius nustatymus slepia vartotojo įvestą informaciją, todėl būtina turėti tam tikrą mechanizmą, leidžiantį vartotojams patvirtinti, kad jie parašė teisingą slaptažodį, nepadarydami klaidų. Slaptažodžio patvirtinimo laukas ragina vartotoją dar kartą patikrinti slaptažodį, jei jis neteisingai įvedė kokius nors simbolius, o slaptažodžio ir patvirtinimo slaptažodžio laukai nesutampa.
Šiame įraše mūsų tikslas yra sukurti HTML formą, kuri atitiktų vartotojo įvestį Slaptažodis ir Patvirtinti slaptažodį laukus, kad patikrintumėte, ar vartotojas įvedė teisingą slaptažodį, ar padarė kokių nors klaidų.
1 veiksmas: HTML forma
Pirmas žingsnis yra sukurti HTML formą, kuri paima vartotojo įvestį:
< centras >
< h2 > Linux patarimas h2 >
< forma >
< p > Įvesti slaptažodį p >
< įvestis tipo = 'Slaptažodis' id = 'praleisti' > < br >< br >
< p > Patvirtinti slaptažodį p >
< įvestis tipo = 'Slaptažodis' id = 'patvirtinti' > < br >< br >
< mygtuką tipo = 'Pateikti' paspaudus = 'slaptažodžio patvirtinimas()' > Žurnalas in mygtuką >
forma >
centras >
Sukūrėme paprastą HTML formą, kurioje yra du slaptažodžio įvesties laukai ir prisijungimo mygtukas, kuris iškviečia slaptažodžio patvirtinimas() funkcija spustelėjus.
2 veiksmas: „JavaScript“ formos patvirtinimas
Dabar mes parašysime JavaScript kodą viduje slaptažodžio patvirtinimas() funkcija, kuri patvirtina slaptažodį:
funkcija slaptažodžio patvirtinimas ( ) {
var slaptažodis = document.getElementById ( 'praleisti' ) .value;
var confirmPassword = document.getElementById ( 'patvirtinti' ) .value;
jeigu ( slaptažodis == '' ) {
budrus ( 'Klaida: slaptažodžio laukas tuščias.' ) ;
} Kitas jeigu ( slaptažodis == patvirtinti slaptažodį ) {
budrus ( 'Prisijungęs' ) ;
} Kitas {
budrus ( 'Įsitikinkite, kad jūsų slaptažodžiai sutampa.' )
}
}
Viduje slaptažodžio patvirtinimas() funkciją, pirmiausia gauname slaptažodžio reikšmes ir patvirtiname slaptažodžio laukus bei saugome juos kintamuosiuose. Tada naudojame sąlyginius teiginius, kad patikrintume įvairius atvejus.
1 atvejis: slaptažodžio laukas tuščias
Pirmoji sąlyga patikrina, ar slaptažodžio laukas tuščias. Mes raginame vartotoją įvesti slaptažodį, jei laukas tuščias:
2 atvejis: slaptažodžiai sutampa
Jei slaptažodžiai sutampa, vartotojas sėkmingai prisijungia:
3 atvejis: slaptažodžiai nesutampa
Jei slaptažodžiai nesutampa, prašome vartotojo pakartotinai įvesti slaptažodžius ir įsitikinti, kad jie sutampa:
„JavaScript“ ir HTML kodas kartu atrodo maždaug taip:
< html >
< kūnas >
< centras >
< h2 > Linux patarimas h2 >
< forma >
< p > Įvesti slaptažodį p >
< įvestis tipo = 'Slaptažodis' id = 'praleisti' > < br >< br >
< p > Patvirtinti slaptažodį p >
< įvestis tipo = 'Slaptažodis' id = 'patvirtinti' > < br >< br >
< mygtuką tipo = 'Pateikti' paspaudus = 'slaptažodžio patvirtinimas()' > Žurnalas in mygtuką >
forma >
centras >
kūnas >
< scenarijus >
funkcija slaptažodžio patvirtinimas ( ) {
var slaptažodis = document.getElementById ( 'praleisti' ) .value;
var confirmPassword = document.getElementById ( 'patvirtinti' ) .value;
jeigu ( slaptažodis == '' ) {
budrus ( 'Klaida: slaptažodžio laukas tuščias.' ) ;
} Kitas jeigu ( slaptažodis == patvirtinti slaptažodį ) {
budrus ( 'Prisijungęs' ) ;
} Kitas {
budrus ( 'Įsitikinkite, kad jūsų slaptažodžiai sutampa.' )
}
}
scenarijus >
html >
Išvada
Žmonės dažnai gali padaryti klaidų, tačiau tai neturėtų jiems trukdyti prisijungti prie savo paskyrų. Net menkiausia klaida įvedant slaptažodį gali apriboti vartotojo prieigą prie savo paskyros. Taigi, visada naudinga dar kartą patikrinti vartotojo slaptažodį, kad įsitikintumėte, jog jis įvedė teisingą slaptažodį.