【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>

JavaScript(參考)︰

<script language="JavaScript">
function ShowPwd() {
    var x = document.getElementById("<%= txtMbrRecPwd.ClientID %>");
    if (x.type === "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
}
</script>

初始畫面︰

勾選畫面︰

留言

這個網誌中的熱門文章

【ASP】日期轉換(西元<-->民國)

【VB】使用NPOI元件來匯出Excel--DataTableToExcel

【SQL】符號切割字串變成多欄