Полетата за потвърждение на паролата са необходими за включване, когато правите онлайн формуляри, които искат от потребителите да зададат парола. Полето за парола скрива въведеното от потребителя по подразбиране, което налага наличието на някакъв механизъм, който позволява на потребителите да потвърдят, че са написали правилната парола, без да правят грешки. Полето за потвърждение на паролата подканва потребителя да провери отново паролата си, ако въведат грешни знаци и полетата за парола и за потвърждение на паролата не съвпадат.
В тази публикация нашата цел е да създадем HTML формуляр, който съответства на въведеното от потребителя в Парола и потвърди парола полета, за да потвърдите дали потребителят е въвел правилната парола или е направил правописни грешки.
Стъпка 1: HTML формуляр
Първата стъпка е да направите HTML формуляр, който приема въведените от потребителя данни:
< център >
< h2 > Съвет за Linux h2 >
< форма >
< стр > Въведете паролата стр >
< вход Тип = 'парола' документ за самоличност = 'пас' > < бр >< бр >
< стр > потвърди парола стр >
< вход Тип = 'парола' документ за самоличност = 'потвърди пропуск' > < бр >< бр >
< бутон Тип = 'Изпращане' onclick = 'Потвърждение на парола()' > Дневник в бутон >
форма >
център >
Създадохме прост HTML формуляр, който има две полета за въвеждане на парола и бутон за влизане, който извиква Потвърждение на парола() функция, когато се щракне върху него.
Стъпка 2: Валидиране на JavaScript формуляр
Сега ще напишем JavaScript код вътре в Потвърждение на парола() функция, която потвърждава паролата:
функция Потвърждение на парола ( ) {
var password = document.getElementById ( 'пас' ) .стойност;
var confirmPassword = document.getElementById ( 'потвърди пропуск' ) .стойност;
ако ( парола == '' ) {
тревога ( „Грешка: Полето за парола е празно.“ ) ;
} друго ако ( парола == потвърди паролата ) {
тревога ( 'Вписан' ) ;
} друго {
тревога ( „Моля, уверете се, че паролите ви съвпадат.“ )
}
}
Вътре в Потвърждение на парола() първо получаваме стойностите на полетата за парола и потвърждение на паролата и ги съхраняваме в променливи. След това използваме условни изрази, за да проверим за различни случаи.
Случай 1: Полето за парола е празно
Първото условие проверява дали полето за парола е празно. Ние подканваме потребителя да въведе паролата, ако полето е празно:
Случай 2: Паролите съвпадат
В случай, че паролите съвпадат, потребителят успешно влиза:
Случай 3: Паролите не съвпадат
Ако паролите не съвпадат, молим потребителя да въведе отново паролите и да се увери, че съвпадат:
JavaScript и HTML кодът заедно изглеждат по следния начин:
< html >
< тяло >
< център >
< h2 > Съвет за Linux h2 >
< форма >
< стр > Въведете паролата стр >
< вход Тип = 'парола' документ за самоличност = 'пас' > < бр >< бр >
< стр > потвърди парола стр >
< вход Тип = 'парола' документ за самоличност = 'потвърди пропуск' > < бр >< бр >
< бутон Тип = 'Изпращане' onclick = 'Потвърждение на парола()' > Дневник в бутон >
форма >
център >
тяло >
< сценарий >
функция Потвърждение на парола ( ) {
var password = document.getElementById ( 'пас' ) .стойност;
var confirmPassword = document.getElementById ( 'потвърди пропуск' ) .стойност;
ако ( парола == '' ) {
тревога ( „Грешка: Полето за парола е празно.“ ) ;
} друго ако ( парола == потвърди паролата ) {
тревога ( 'Вписан' ) ;
} друго {
тревога ( „Моля, уверете се, че паролите ви съвпадат.“ )
}
}
сценарий >
html >
Заключение
Хората често могат да правят грешки, но това не трябва да им пречи да влизат в акаунтите си. Дори и най-малката грешка при въвеждане на парола може да ограничи достъпа на потребителя до неговия акаунт. Така че винаги е добра идея да проверите паролата на потребителя, за да потвърдите, че е въвел правилната.