.NET ------ TextBox设置密码格式,通过按钮切换是否显示密码

页面展示:

点击按钮密码展示,图片切换,再点击密码隐藏图片切换

 

 实现:

1、页面

    <asp:TextBox MaxLength="24"  ID="tbWebSite_UserPwd1" runat="server" TextMode="Password"></asp:TextBox>

    <asp:ImageButton runat="server" ID="btnShowClose" BorderWidth="0" ImageUrl="~/qdAdmin/qdimages/yanjing_xianshi.png" OnClick="btnShowClose_Click"/>

2、后面方法

  protected void btnShowClose_Click(object sender, EventArgs e)
    {
        //记住密码
        this.tbWebSite_UserPwd1.Attributes.Add("value", this.tbWebSite_UserPwd1.Text);
        this.tbWebSite_UserPwd2.Attributes.Add("value", this.tbWebSite_UserPwd2.Text);
        ImageButton btn = (ImageButton)sender;
        if (btn.ID == "btnShowClose")
        {
 
            if (tbWebSite_UserPwd1.TextMode == TextBoxMode.Password)
            {
                //密码显示 与切换图片
                tbWebSite_UserPwd1.TextMode = TextBoxMode.SingleLine;
                btnShowClose.ImageUrl = "~/qdAdmin/qdimages/yanjing_yincang.png";
            }
            else
            {
                tbWebSite_UserPwd1.TextMode = TextBoxMode.Password;
                btnShowClose.ImageUrl = "~/qdAdmin/qdimages/yanjing_xianshi.png";
            }

        }else if (btn.ID == "btnShowClose2")
        {
           
            if (tbWebSite_UserPwd2.TextMode == TextBoxMode.Password)
            {
                tbWebSite_UserPwd2.TextMode = TextBoxMode.SingleLine;
                btnShowClose2.ImageUrl = "~/qdAdmin/qdimages/yanjing_yincang.png";
            }
            else
            {
                tbWebSite_UserPwd2.TextMode = TextBoxMode.Password;
                btnShowClose2.ImageUrl = "~/qdAdmin/qdimages/yanjing_xianshi.png";
            }
        }
    }

 

posted on 2022-01-13 12:16  obge  阅读(420)  评论(0编辑  收藏  举报