当用户尝试再次输入用户名时如何删除"you've been logged out"

Question

当用户注销时，他们被重定向回登录表单。登录表单查看login.php?logout=true url，如果logout=true，则显示"您已成功登出"。不完全确定如何这样做，否则任何人都可以输入logout=true并看到该消息。

如何删除该文本一旦用户试图再次输入他们的用户名/密码?

login.php看起来像这样:

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

我假设我必须使用JavaScript，虽然不熟悉它。最有可能在每个输入类型字段中使用onFocus或onClick，以某种方式清除$disp_msg

Answer 1

我添加了两个id。一个用于显示消息，另一个用于输入框。

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

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

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