Member 13100303 Ответов: 1

Когда я ввожу код show/hide password в свой проект (javascript), поле password становится нулевым, и, следовательно, код далее не работает .

Когда я удаляю код show/hide password, код работает правильно..Пожалуйста, ответьте на мой вопрос...

Что я уже пробовал:

<input type="password" id="password" placeholder="Password" class="form-control">
                           <input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'">Show Password

1 Ответов

Рейтинг:
0

Afzaal Ahmad Zeeshan

Изменение типа поля ввода типа password на любой другой вызывает ошибку практически во всех "здравых" браузерах. Ошибка относится к типу безопасности, поскольку любой другой хакер также может попытаться создать скрипт, который изменяет тип поля с пароля на текст и таким образом раскрывает конфиденциальную информацию, такую как пароль, пин-коды безопасности, данные кредитной карты и т. д.

Однако есть один способ обойти эту проблему. Вы можете создать новый элемент и присоединить его к DOM в той же родительской иерархии. Таким образом, вы можете переключить входные данные с пароля на тип ввода.

Этот поток разделяет пример кода для этого, javascript-изменить тип ввода html с помощью JS? - переполнение стека[^]