Home/ Questions/Q 45017
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T15:44:35+00:00

I’ve got a sign up form that requires the user to enter their email

  • 0

I’ve got a sign up form that requires the user to enter their email and password, both are in two separate text boxes. I want to provide a button that the user can click so that the password (which is masked) will appear in a popup when the user clicks the button.

Currently my JavaScript code for this is as follows:

    function toggleShowPassword() {                var button = $get('PASSWORD_TEXTBOX_ID');         var password;         if (button)         {             password = button.value;             alert(password);             button.value = password;           }     }

The problem is that every time the user clicks the button, the password is cleared in both Firefox and IE. I want them to be able to see their password in clear text to verify without having to retype their password.

My questions are:

  1. Why does the password field keep getting reset with each button click?

  2. How can I make it so the password field is NOT cleared once the user has seen his/her password in clear text?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. I did a quick example up of a working version:

    <html>     <head>         <script type='text/javascript' src='prototype.js'></script>         <script type='text/javascript'>             function toggleShowPassword() {                        var textBox = $('PasswordText');                 if (textBox)                 {                     alert(textBox.value);                   }              }         </script>     </head>     <body>         <input type='password' id='PasswordText' /><input type='button' onclick='toggleShowPassword();' value='Show Password' />     </body> </html>

    The key is that the input is of type button and not submit. I used the prototype library for retrieving the element by ID.

    • 0