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

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>

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