Видимость вводимого пароля

Задан 1 год назад
Просмотрен 23281 раз
3

Сделать возможность видеть пароль, который ты вводишь.

предложение
Сделаем GetOverflow лучше!
Проголосуйте 🔼 за полезные или 🔽 за бесполезные ответы.
2 ответа
0

Добрый день, Елена. Вы можете добавить такой скрипт, чтобы на всех пароль-полях страницы была возможность включить отображение пароля

$(document).ready(function() {
    function addShowPasswordIcon($passwordField) {
        $passwordField.wrap('<div class="password-container"></div>');
        $passwordField.after('<span class="show-password-icon"><i class="fa fa-eye"></i></span>');

        var $showPasswordIcon = $passwordField.next('.show-password-icon');
        var $container = $passwordField.parent('.password-container');

        $container.css({
            'position': 'relative'
        });

        $showPasswordIcon.css({
            'cursor': 'pointer',
            'position': 'absolute',
            'right': '10px',
            'top': '50%',
            'transform': 'translateY(-50%)'
        });

        $showPasswordIcon.click(function() {
            if ($passwordField.attr('type') === 'password') {
                $passwordField.attr('type', 'text');
            } else {
                $passwordField.attr('type', 'password');
            }
        });
    }

    $('input[type="password"]').each(function() {
        addShowPasswordIcon($(this));
    });
});
–2

Напишите, пожалуйста, в раздел Предложения https://getcourse.ru/chtm/app/q/features

Ваш ответ