Show/Hide Password ASP.NET-CodePudding

I am trying to implement a show/hide button in ASP.NET, and through some research I have discovered that using AJAX could be my best bet. I have been trying to understand AJAX, but I am clearly doing something wrong as the code does nothing.

I am trying to put this code in the body of my code, it is essentially the same code as that found on

And if we check the box show password, then we get:

So, the above DOES use jQuery, and that is useally installed for you.

You can also use pure JavaScript, but the Text mode is read only, and thus you have to make a copy of the control - which is painful.

CodePudding user response：

for the working demo, I used the HTML element you can do the same with the Asp.Net element.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<h3>Enter password</h3>
        
        <input id="txtPass" class="test" type="password"></input>
        <br />
        <br />
       
          show <input type="checkbox" name="mycheckbox" id="ckShowPass" onclick="myshowp(this)"/>
        <script>
            function myshowp(e) {
                txtBox = $('#txtPass')
                if (e.checked) {
                   txtBox.attr("Type", "Text");
                }
                else {
                   txtBox.attr("Type", "Password");
                }
            }
        </script>