当用户点击“显示”链接时,显示密码;再次点击时隐藏密码。

17

我正在尝试让这个简单的脚本工作。基本上,当用户点击“显示”链接时,它会在密码文本框中显示密码,并在再次点击时隐藏密码。我已经搜索了解决方案,但没有找到我需要的内容。以下是代码:

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语句,仍然没有任何反应。


1
由于此问题发生在客户端,请展示您的HTML输出,而非PHP源代码。 - Diodeus - James MacFarlane
@Chimoo 即使没有显示按钮,任何人仍然可以通过查看页面的源代码来看到密码。 - Daniel Harris
什么?给我看一个你在密码字段上执行该操作的屏幕截图。 - TimCodes.NET
@Chimoo,我同意@Daniel的观点。如果他们能看到你的密码,他们只需要在Chrome中打开控制台并键入$$('input[type=password]')[0].value,就可以看到该字段的值...允许用户查看密码可能对于像网络“密码短语”或移动设备上的长而复杂的密码很有用... AUTOCOMPLETE=OFF就足够了... - ckozl
@Chimoo,在你离开的时候,首先不应该让你的密码正确地被输入。 - FluorescentGreen5
显示剩余5条评论
11个回答

-3

不要改变输入类型,而是改变文本大小。将其缩小以进行隐藏。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接