Kinakailangang isama ang mga field ng kumpirmasyon ng password kapag gumagawa ng mga online na form na humihiling sa mga user na magtakda ng password. Itinatago ng field ng password ang input ng user bilang default na ginagawang kinakailangan na magkaroon ng ilang uri ng mekanismo na nagpapahintulot sa mga user na kumpirmahin na naisulat nila ang tamang password nang hindi gumagawa ng anumang mga typo. Ang field ng kumpirmahin ang password ay nag-uudyok sa user na suriing muli ang kanilang password kung mali ang pag-type nila ng anumang mga character at ang mga field ng password at kumpirmahin ang password ay hindi tumutugma.
Sa post na ito ang aming layunin ay gumawa ng HTML form na tumutugma sa input ng user sa Password at Kumpirmahin ang Password field upang kumpirmahin kung ang user ay nag-type ng tamang password o nakagawa ng anumang mga typo.
Hakbang 1: HTML Form
Ang unang hakbang ay gumawa ng HTML form na kumukuha ng input ng user:
< gitna >
< h2 > Hint sa Linux h2 >
< anyo >
< p > Ilagay ang password p >
< input uri = 'password' id = 'pasa' > < br >< br >
< p > Kumpirmahin ang Password p >
< input uri = 'password' id = 'confirmpass' > < br >< br >
< pindutan uri = 'ipasa' onclick = 'Pagkumpirma ng password()' > Log sa pindutan >
anyo >
gitna >
Gumawa kami ng simpleng HTML form na mayroong dalawang input field ng uri ng password at isang Login button na tumatawag sa passwordConfirmation() function kapag ito ay na-click.
Hakbang 2: Pagpapatunay ng Form ng JavaScript
Ngayon ay magsusulat kami ng JavaScript code sa loob ng passwordConfirmation() function na nagpapatunay sa password:
function Pagkumpirma ng password ( ) {
var password = document.getElementById ( 'pasa' ) .value;
var confirmPassword = document.getElementById ( 'confirmpass' ) .value;
kung ( password == '' ) {
alerto ( 'Error: Walang laman ang field ng password.' ) ;
} iba pa kung ( password == confirmPassword ) {
alerto ( 'Nakalog-in' ) ;
} iba pa {
alerto ( 'Pakitiyak na tumutugma ang iyong mga password.' )
}
}
Sa loob ng passwordConfirmation() function na makuha muna namin ang mga halaga ng password at kumpirmahin ang mga patlang ng password at iimbak ang mga ito sa loob ng mga variable. Pagkatapos ay gumagamit kami ng mga conditional na pahayag upang suriin ang iba't ibang mga kaso.
Case 1: Walang laman ang field ng password
Sinusuri ng unang kondisyon kung walang laman ang field ng password. Ipo-prompt namin ang user na i-type ang password kung walang laman ang field:
Case 2: Ang mga password ay tumutugma
Kung sakaling tumugma ang mga password, matagumpay na naka-log in ang user:
Case 3: Hindi tugma ang mga password
Kung hindi magkatugma ang mga password, hinihiling namin sa user na i-type muli ang mga password at tiyaking tumutugma ang mga ito:
Ang JavaScript at HTML code na magkasama ay mukhang ganito:
< html >
< katawan >
< gitna >
< h2 > Hint sa Linux h2 >
< anyo >
< p > Ilagay ang password p >
< input uri = 'password' id = 'pasa' > < br >< br >
< p > Kumpirmahin ang Password p >
< input uri = 'password' id = 'confirmpass' > < br >< br >
< pindutan uri = 'ipasa' onclick = 'Pagkumpirma ng password()' > Log sa pindutan >
anyo >
gitna >
katawan >
< iskrip >
function Pagkumpirma ng password ( ) {
var password = document.getElementById ( 'pasa' ) .value;
var confirmPassword = document.getElementById ( 'confirmpass' ) .value;
kung ( password == '' ) {
alerto ( 'Error: Walang laman ang field ng password.' ) ;
} iba pa kung ( password == confirmPassword ) {
alerto ( 'Nakalog-in' ) ;
} iba pa {
alerto ( 'Pakitiyak na tumutugma ang iyong mga password.' )
}
}
iskrip >
html >
Konklusyon
Ang mga tao ay kadalasang maaaring magkamali ngunit hindi iyon dapat hadlang sa kanilang pag-log in sa kanilang mga account. Kahit na ang kaunting pagkakamali sa pagpasok ng password ay maaaring paghigpitan ang access ng isang user sa kanilang account. Kaya, palaging magandang ideya na i-double check ang password ng isang user para makumpirma na tama ang nailagay nila.