在UpdatePanel asp.net中显示/隐藏密码

时间:2018-04-02 19:47:52

标签: javascript asp.net updatepanel

我试图在asp.net的UpdatePanel中显示/隐藏密码。我已经指定使用AsyncPostBackTrigger作为:

<asp:AsyncPostBackTrigger ControlID="chkRegister" EventName="CheckedChanged" />

我还使用了UpdatePanel的UpdateMOde =“Conditional”:

<asp:UpdatePanel ID="UpdatePanelRegister" runat="server" ChildrenAsTriggers="true" UpdateMode="Conditional">

最后,我为复选框设置了AutoPostBack =“true”:

<asp:CheckBox ID="chkRegister" class="chk" runat="server" AutoPostBack="true" OnCheckedChanged="chkRegisterCheckedChanged"/>

“chkRegisterCheckedChanged”调用我已经检查过的JavaScript函数,并且正在调用它。 JS只是在密码字段中显示或隐藏文本:

function showPassword() {
var x = document.getElementById("txtPasswordReg");
if (x.type === "password") {
    x.type = "text";
} else {
    x.type = "password";
}

}

问题是,它不是显示密码,而是实际清除字段(可能是完整的帖子?)。 关于如何解决这个问题的任何想法?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

<input type="text" id="txtPasswordReg" type="password" value="testPassword">
<button onclick="ToggleShowPassword()">Toggle Password</button>
<script>
function ToggleShowPassword() {
    var x = document.getElementById("txtPasswordReg");
    if (x.type == "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
}
</script>

此功能确实有效。我不确定你为什么会遇到这个问题

JSFiddle