Kinnitage parooliväljad, mis tuleb lisada võrguvormide koostamisel, mis paluvad kasutajatel parooli määrata. Parooliväli peidab vaikimisi kasutaja sisendi, mistõttu on vaja mingit mehhanismi, mis võimaldab kasutajatel kinnitada, et nad on kirjutanud õige parooli, ilma kirjavigu tegemata. Parooli kinnitamise väli palub kasutajal oma parooli uuesti kontrollida, kui ta sisestab mõne märgi valesti ning parooli ja parooli kinnitusväljad ei ühti.
Selles postituses on meie eesmärk luua HTML-vorm, mis ühtiks kasutaja sisestusega Parool ja Kinnita salasõna väljad, et kontrollida, kas kasutaja on sisestanud õige parooli või teinud kirjavigu.
1. samm: HTML-vorm
Esimene samm on luua HTML-vorm, mis võtab kasutaja sisendi:
< Keskus >
< h2 > Linuxi vihje h2 >
< vormi >
< lk > Sisestage parool lk >
< sisend tüüp = 'parool' id = 'üle andma' > < br >< br >
< lk > Kinnita salasõna lk >
< sisend tüüp = 'parool' id = 'kinnitama' > < br >< br >
< nuppu tüüp = 'Esita' onclick = 'Salasõna kinnitamine()' > Logi sisse sisse nuppu >
vormi >
Keskus >
Oleme loonud lihtsa HTML-vormi, millel on kaks parooli tüüpi sisestusvälja ja sisselogimisnupp, mis kutsub esile Salasõna kinnitamine() funktsiooni, kui sellel klõpsate.
2. samm: JavaScripti vormi kinnitamine
Nüüd kirjutame JavaScripti koodi sisse Salasõna kinnitamine() funktsioon, mis kinnitab parooli:
funktsiooni Salasõna kinnitamine ( ) {
var parool = document.getElementById ( 'üle andma' ) .value;
var confirmPassword = document.getElementById ( 'kinnitama' ) .value;
kui ( parool == '' ) {
hoiatus ( 'Viga: parooliväli on tühi.' ) ;
} muidu kui ( parool == kinnita parool ) {
hoiatus ( 'Sisse logitud' ) ;
} muidu {
hoiatus ( 'Palun veenduge, et teie paroolid ühtivad.' )
}
}
Sees Salasõna kinnitamine() funktsiooni abil saame esmalt parooli väärtused ja kinnitame parooliväljad ning salvestame need muutujate sisse. Seejärel kasutame erinevate juhtumite kontrollimiseks tingimuslauseid.
1. juhtum: parooliväli on tühi
Esimene tingimus kontrollib, kas parooliväli on tühi. Kui väli on tühi, palume kasutajal sisestada parool:
2. juhtum: paroolid ühtivad
Kui paroolid ühtivad, logib kasutaja edukalt sisse:
3. juhtum: paroolid ei ühti
Kui paroolid ei ühti, palume kasutajal paroolid uuesti sisestada ja veenduda, et need ühtivad:
JavaScript ja HTML-kood koos näevad välja umbes selline:
< html >
< keha >
< Keskus >
< h2 > Linuxi vihje h2 >
< vormi >
< lk > Sisestage parool lk >
< sisend tüüp = 'parool' id = 'üle andma' > < br >< br >
< lk > Kinnita salasõna lk >
< sisend tüüp = 'parool' id = 'kinnitama' > < br >< br >
< nuppu tüüp = 'Esita' onclick = 'Salasõna kinnitamine()' > Logi sisse sisse nuppu >
vormi >
Keskus >
keha >
< stsenaarium >
funktsiooni Salasõna kinnitamine ( ) {
var parool = document.getElementById ( 'üle andma' ) .value;
var confirmPassword = document.getElementById ( 'kinnitama' ) .value;
kui ( parool == '' ) {
hoiatus ( 'Viga: parooliväli on tühi.' ) ;
} muidu kui ( parool == kinnita parool ) {
hoiatus ( 'Sisse logitud' ) ;
} muidu {
hoiatus ( 'Palun veenduge, et teie paroolid ühtivad.' )
}
}
stsenaarium >
html >
Järeldus
Inimesed võivad sageli teha vigu, kuid see ei tohiks takistada neil oma kontodele sisse logida. Isegi väikseim viga parooli sisestamisel võib piirata kasutaja juurdepääsu oma kontole. Seega on alati hea mõte kasutaja parool üle kontrollida, et veenduda, et ta on sisestanud õige parooli.