当用户再次尝试输入用户名时，如何删除“您已被注销”

Question

When a user logs out, they are redirected back to the login form. The login form looks at the login.php?logout=true url and if logout=true, then it displays "You've been successfully logged out." Not exactly sure how to do so otherwise as anyone can type logout=true and see that message.

How can I remove that text once the user tries to enter their username/password again?

login.php looks something like this:

<form method="post" action="login.php">

  <fieldset>

  <?php if ($disp_msg) { ?>
  <p><?php print($disp_msg); ?></p>
  <?php } ?>

  <p><input type="text" name="username" placeholder="username"></p>
  <p><input type="password" name="password" placeholder="password"></p>
  <p><input type="submit" value="Login"></p>

  </fieldset>

</form>

I'd assume I'd have to use JavaScript, although unfamiliar with it. Most likely would use onFocus or onClick in each input type field that somehow clears the output of $disp_msg

Answer 1

I added two IDs. One is for your display message and other one is for your input box.

<?php if ($disp_msg) { ?>
<p id="msg"><?php print($disp_msg); ?></p>
<?php } ?>

<p><input type="text" name="username" placeholder="username" id="username"></p>
<!-- other input fields -->
</fieldset>
</form>

<!-- jQuery Code -->
<script>
$('#username').keypress(function(e) {
   $('#msg').empty();
});
</script>

DEMO

##################################################################

<!-- without jquery -->
<!-- Add attribute onKeyPress in username input field. -->
<input type="text" id="username" onKeyPress="fun()"/>
<!-- and add this just before you </head>. Remove previous jquery code-->
<script>
    function fun()
        {
            document.getElementById('msg').innerHTML="";
        }
</script>

DEMO