Описание проекта
Дорабатываем форму регистрации и хотим добавить виджет проверки надёжности пароля. Сейчас пользователи могут указать практически любую комбинацию символов, включая совсем слабые варианты вроде повторяющихся цифр или простого слова из словаря, и часть аккаунтов потом взламывают именно из-за этого. Нужен компактный компонент, который встраивается под поле пароля и реагирует на каждое нажатие клавиши без перезагрузки страницы и без лишних запросов к серверу.
Основная часть — визуальный индикатор силы: полоса или набор сегментов, которые меняют цвет и длину в зависимости от длины пароля, разнообразия символов, предсказуемых последовательностей и типичных подстановок вроде цифры вместо похожей буквы. Рядом должны появляться короткие понятные подсказки о том, что стоит улучшить, но эти подсказки ни в каком виде не должны показывать введённые символы — ни частично, ни в консоли браузера, ни в логах запросов.
Вторая задача — блокировка паролей, которые уже фигурировали в публичных утечках. Подойдёт как встроенный локальный список распространённых скомпрометированных паролей, так и проверка по внешней базе через частичное сравнение хэшей, чтобы сам пароль целиком никуда не передавался.
Что нужно сделать:
— Индикатор с плавным обновлением без задержек при вводе
— Понятные текстовые подписи к состояниям, не только цвет
— Инструкцию по встраиванию в обычную HTML-форму
— Краткое описание логики подсчёта силы пароля
Основная часть — визуальный индикатор силы: полоса или набор сегментов, которые меняют цвет и длину в зависимости от длины пароля, разнообразия символов, предсказуемых последовательностей и типичных подстановок вроде цифры вместо похожей буквы. Рядом должны появляться короткие понятные подсказки о том, что стоит улучшить, но эти подсказки ни в каком виде не должны показывать введённые символы — ни частично, ни в консоли браузера, ни в логах запросов.
Вторая задача — блокировка паролей, которые уже фигурировали в публичных утечках. Подойдёт как встроенный локальный список распространённых скомпрометированных паролей, так и проверка по внешней базе через частичное сравнение хэшей, чтобы сам пароль целиком никуда не передавался.
Что нужно сделать:
— Индикатор с плавным обновлением без задержек при вводе
— Понятные текстовые подписи к состояниям, не только цвет
— Инструкцию по встраиванию в обычную HTML-форму
— Краткое описание логики подсчёта силы пароля
Другое Разное Наличные, Банковский перевод
