Поля подтверждения пароля необходимо включать при создании онлайн-форм, которые просят пользователей установить пароль. Поле пароля по умолчанию скрывает ввод пользователя, поэтому необходимо иметь какой-то механизм, который позволяет пользователям подтверждать, что они ввели правильный пароль, не допуская ошибок. Поле подтверждения пароля предлагает пользователю перепроверить свой пароль, если он ошибся при вводе каких-либо символов, а поля пароля и подтверждения пароля не совпадают.
В этом посте наша цель — создать HTML-форму, которая соответствует вводу пользователя в Пароль а также Подтвердить Пароль поля для подтверждения того, что пользователь ввел правильный пароль или допустил какие-либо опечатки.
Шаг 1: HTML-форма
Первым шагом является создание HTML-формы, которая принимает ввод пользователя:
< центр >
< h2 > Подсказка для Linux h2 >
< форма >
< п > Введите пароль п >
< вход тип знак равно 'пароль' я бы знак равно 'проходить' > < бр >< бр >
< п > Подтвердить Пароль п >
< вход тип знак равно 'пароль' я бы знак равно 'подтвердить' > < бр >< бр >
< кнопка тип знак равно 'Разместить' по щелчку знак равно 'Подтверждение пароля()' > Журнал в кнопка >
форма >
центр >
Мы создали простую HTML-форму, которая имеет два поля ввода типа пароля и кнопку входа в систему, которая вызывает Подтверждение пароля() срабатывает при нажатии.
Шаг 2: Проверка формы JavaScript
Теперь мы напишем код JavaScript внутри Подтверждение пароля() функция, которая проверяет пароль:
функция Подтверждение пароля ( ) {
вар пароль = документ.getElementById ( 'проходить' ) .ценность;
вар подтвержденияPassword = document.getElementById ( 'подтвердить' ) .ценность;
если ( пароль == '' ) {
тревога ( «Ошибка: поле пароля пусто». ) ;
} еще если ( пароль == подтвердите пароль ) {
тревога ( «Вошел в систему» ) ;
} еще {
тревога ( «Пожалуйста, убедитесь, что ваши пароли совпадают». )
}
}
Внутри Подтверждение пароля() мы сначала получаем значения пароля и подтверждаем поля пароля и сохраняем их внутри переменных. Затем мы используем условные операторы для проверки различных случаев.
Случай 1: Поле пароля пусто
Первое условие проверяет, пусто ли поле пароля. Мы предлагаем пользователю ввести пароль, если поле пусто:
Случай 2: пароли совпадают
Если пароли совпадают, пользователь успешно входит в систему:
Случай 3: пароли не совпадают
Если пароли не совпадают, мы просим пользователя ввести пароли еще раз и убедиться, что они совпадают:
Код JavaScript и HTML вместе выглядит примерно так:
< HTML >
< тело >
< центр >
< h2 > Подсказка для Linux h2 >
< форма >
< п > Введите пароль п >
< вход тип знак равно 'пароль' я бы знак равно 'проходить' > < бр >< бр >
< п > Подтвердить Пароль п >
< вход тип знак равно 'пароль' я бы знак равно 'подтвердить' > < бр >< бр >
< кнопка тип знак равно 'Разместить' по щелчку знак равно 'Подтверждение пароля()' > Журнал в кнопка >
форма >
центр >
тело >
< сценарий >
функция Подтверждение пароля ( ) {
вар пароль = документ.getElementById ( 'проходить' ) .ценность;
вар подтвержденияPassword = document.getElementById ( 'подтвердить' ) .ценность;
если ( пароль == '' ) {
тревога ( «Ошибка: поле пароля пусто». ) ;
} еще если ( пароль == подтвердить пароль ) {
тревога ( «Вошел в систему» ) ;
} еще {
тревога ( «Пожалуйста, убедитесь, что ваши пароли совпадают». )
}
}
сценарий >
HTML >
Вывод
Люди часто могут совершать ошибки, но это не должно мешать им входить в свои учетные записи. Даже малейшая ошибка при вводе пароля может ограничить доступ пользователя к своей учетной записи. Таким образом, всегда полезно дважды проверить пароль пользователя, чтобы убедиться, что он ввел правильный пароль.