Javascript 下拉式登录菜单
我正在使用jQuery在div中设置下拉式登录的动画。注册表单使用PHP检查数据库中是否存在用户。但是,如果我回显某个内容,下拉菜单就会消失,您必须再次单击它才能看到错误消息。以下是登录的外观:Javascript 下拉式登录菜单,javascript,php,jquery,Javascript,Php,Jquery,我正在使用jQuery在div中设置下拉式登录的动画。注册表单使用PHP检查数据库中是否存在用户。但是,如果我回显某个内容,下拉菜单就会消失,您必须再次单击它才能看到错误消息。以下是登录的外观: <form method="POST"> <input type="text" name="username" placeholder="Username" required> <input type="password" name="password" p
<form method="POST">
<input type="text" name="username" placeholder="Username" required>
<input type="password" name="password" placeholder="Password" required>
<input type="submit" name="button" value="Sign in">
</form>
<?php
session_start();
$username = $_POST["username"];
$password = $_POST["password"];
include("connect.php");
if($username && $password){
$password = md5($password);
$getquery = mysql_query("SELECT * FROM users WHERE username='$username' AND password = '$password'");
$numrows = mysql_num_rows($getquery);
if($numrows != 0){
setcookie('username', $username, time()+3600);
} else {
echo "Invalid username.";
}
}
?>
jsfiddle:
如您所见,当您按下submit按钮时,下拉菜单再次打开。如我在评论中所述,我建议您使用ajax调用(只需在google中搜索对php的jquery ajax调用) 为了在不使事情变得更复杂的情况下回答您当前的问题,请在代码末尾添加以下内容:
<script>
<?php
if ($_POST['username']) {
echo 'var postBack = true;';
} else {
echo 'var postBack = false;'
}
?>
if (postBack) {
$("#signin").show();
}
</script>
如果(回发){
$(“#签名”).show();
}
- 默认情况下,您可以使登录可见,如果回发为false,则可以将其隐藏