Поља за потврду лозинке су неопходна за укључивање приликом прављења онлајн образаца који од корисника траже да поставе лозинку. Поље лозинке подразумевано скрива унос корисника, због чега је неопходно имати неку врсту механизма који омогућава корисницима да потврде да су написали праву лозинку без икаквих грешака у куцању. Поље за потврду лозинке тражи од корисника да поново провери своју лозинку ако погрешно откуца било који карактер и ако се поља за лозинку и потврду лозинке не поклапају.
У овом посту наш циљ је да направимо ХТМЛ образац који одговара уносу корисника у Лозинка и Потврди лозинку поља за потврду да ли је корисник унео исправну лозинку или је направио било какве грешке у куцању.
Корак 1: ХТМЛ образац
Први корак је да направите ХТМЛ образац који узима унос корисника:
< центар >
< х2 > Линук савет х2 >
< форму >
< стр > Унесите лозинку стр >
< улазни тип = 'Лозинка' ид = 'проћи' > < бр >< бр >
< стр > Потврди лозинку стр >
< улазни тип = 'Лозинка' ид = 'потврди' > < бр >< бр >
< дугме тип = 'прихвати' онцлицк = 'потврда шифре()' > Пријава ин дугме >
форму >
центар >
Направили смо једноставан ХТМЛ образац који има два поља за унос лозинке и дугме за пријаву које позива потврда шифре() функција када се кликне.
Корак 2: валидација ЈаваСцрипт обрасца
Сада ћемо написати ЈаваСцрипт код унутар потврда шифре() функција која потврђује лозинку:
функција потврда шифре ( ) {
вар лозинка = доцумент.гетЕлементБиИд ( 'проћи' ) .валуе;
вар цонфирмПассворд = доцумент.гетЕлементБиИд ( 'потврди' ) .валуе;
ако ( лозинка == '' ) {
узбуна ( „Грешка: Поље за лозинку је празно.“ ) ;
} друго ако ( лозинка == потврди лозинку ) {
узбуна ( 'Пријављени' ) ;
} друго {
узбуна ( „Уверите се да се ваше лозинке подударају.“ )
}
}
Унутар потврда шифре() функцију прво добијамо вредности лозинке и потврђујемо поља лозинке и чувамо их унутар променљивих. Затим користимо условне исказе да проверимо различите случајеве.
Случај 1: Поље за лозинку је празно
Први услов проверава да ли је поље за лозинку празно. Од корисника тражимо да унесе лозинку ако је поље празно:
Случај 2: Лозинке се подударају
У случају да се лозинке поклапају, корисник се успешно пријави:
Случај 3: Лозинке се не поклапају
Ако се лозинке не поклапају, тражимо од корисника да поново откуца лозинке и провери да ли се подударају:
ЈаваСцрипт и ХТМЛ код заједно изгледају отприлике овако:
< хтмл >
< тело >
< центар >
< х2 > Линук савет х2 >
< форму >
< стр > Унесите лозинку стр >
< улазни тип = 'Лозинка' ид = 'проћи' > < бр >< бр >
< стр > Потврди лозинку стр >
< улазни тип = 'Лозинка' ид = 'потврди' > < бр >< бр >
< дугме тип = 'прихвати' онцлицк = 'потврда шифре()' > Пријава ин дугме >
форму >
центар >
тело >
< скрипта >
функција потврда шифре ( ) {
вар лозинка = доцумент.гетЕлементБиИд ( 'проћи' ) .валуе;
вар цонфирмПассворд = доцумент.гетЕлементБиИд ( 'потврди' ) .валуе;
ако ( лозинка == '' ) {
узбуна ( „Грешка: Поље за лозинку је празно.“ ) ;
} друго ако ( лозинка == потврди лозинку ) {
узбуна ( 'Пријављени' ) ;
} друго {
узбуна ( „Уверите се да се ваше лозинке подударају.“ )
}
}
скрипта >
хтмл >
Закључак
Људи често могу да погреше, али то им не би требало спречити да се пријаве на своје налоге. Чак и најмања грешка у уносу лозинке може ограничити корисников приступ његовом налогу. Дакле, увек је добра идеја да још једном проверите лозинку корисника да бисте потврдили да је унео исправну.