【JavaScript】勾選顯示密碼
因客戶之需求,登入時的密碼可以選擇顯示明碼
部分ASPX(參考)︰
<div class="form-group row">
<label class="col-md-3 col-form-label" for="ctl06_txtMbrRecPwd"><span class="text-danger mr-1">*(必填)</span>登入密碼</label>
<div class="col-md-9">
<asp:TextBox ID="txtMbrRecPwd" CssClass="form-control" runat="server" TabIndex="3" autocomplete="off" TextMode="Password" placeholder="請輸入密碼" />
<asp:CheckBox ID="CheckBox1" OnClick="ShowPwd()" runat="server" Text="顯示密碼" />
</div>
</div>
<label class="col-md-3 col-form-label" for="ctl06_txtMbrRecPwd"><span class="text-danger mr-1">*(必填)</span>登入密碼</label>
<div class="col-md-9">
<asp:TextBox ID="txtMbrRecPwd" CssClass="form-control" runat="server" TabIndex="3" autocomplete="off" TextMode="Password" placeholder="請輸入密碼" />
<asp:CheckBox ID="CheckBox1" OnClick="ShowPwd()" runat="server" Text="顯示密碼" />
</div>
</div>
JavaScript(參考)︰
<script language="JavaScript">
function ShowPwd() {
var x = document.getElementById("<%= txtMbrRecPwd.ClientID %>");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
function ShowPwd() {
var x = document.getElementById("<%= txtMbrRecPwd.ClientID %>");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
留言
張貼留言