當用戶再次嘗試輸入用戶名時，如何刪除「您已註銷」

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