Когда пользователь нажимает Показать ссылку, отображает пароль, скрывает его при повторном нажатии - PullRequest
Новая
       30

Когда пользователь нажимает Показать ссылку, отображает пароль, скрывает его при повторном нажатии

16 голосов
/ 23 февраля 2012

Я пытаюсь заставить этот простой скрипт работать. По сути, когда пользователь нажимает на ссылку Показать, он отображает пароль в текстовом поле пароля и скрывает его при повторном нажатии. Я искал решения, но не мог найти то, что мне нужно. Вот код:

JavaScript 

    function toggle_password(target){
    var tag = getElementById(target);
    var tag2 = getElementById("showhide");
    if (tag2.innerHTML == 'Show'){
        tag.setAttribute('type', 'text');   
        tag2.innerHTML = 'Hide';
    }
    else{
        tag.setAttribute('type', 'password');   
        tag2.innerHTML = 'Show';
    }

    }

HTML 

<label for="pwd0">Password:</label>
<input type="password" value="####" name="password" id="pwd0" />
<a href="#" onclick="toggle_password('pwd0');" id="showhide">Show</a>

Когда я нажимаю на ссылку, ничего не происходит. Я проверил это без использования оператора if и все еще ничего не сделал.

Ответы [ 11 ]

0 голосов
/ 16 июля 2014

Если мы делаем тип текстового поля как "passowrd", то символы не отображаются, но когда мы делаем тип текстового поля "text" символы отображаются при вводе.

Следовательно, логика очень проста. Мы можем изменить тип любого элемента HTML с помощью "setAttribute(type,newvalue)" функции JavaScript.

Полный пример кода можно увидеть по ссылке ниже:

http://www.tutor4web.com/javascript/how-to-show-password-as-text-with-checkbox-using-javascript/

Страница:
...