如何删除"您已退出"当用户再次尝试输入用户名时

时间:2014-06-17 15:16:36

标签: php html forms login

当用户退出时,会将其重定向回登录表单。登录表单查看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的输出

1 个答案:

答案 0 :(得分: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