下拉登录菜单
Dropdown sign in menu
我使用jQuery来动画div中的下拉符号。注册表单使用PHP来检查用户是否存在于数据库中。但是,如果我回一些东西,下拉菜单就会消失,您必须再次单击它才能看到错误消息。下面是登录的样子:
<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: http://jsfiddle.net/3rr9w/1/
如你所见,当你按下提交按钮时,下拉菜单又会上升。
正如我在评论中所说的,我建议你使用ajax调用(只需搜索谷歌jquery ajax调用php)。
为了在不使事情变得更复杂的情况下回答当前的问题,请在代码末尾添加以下内容:
<script>
<?php
if ($_POST['username']) {
echo 'var postBack = true;';
} else {
echo 'var postBack = false;'
}
?>
if (postBack) {
$("#signin").show();
}
</script>
- 你可以在默认情况下使登录可见,如果postBack为false则隐藏登录。
相关文章:
- 登录后显示的下拉菜单
- 单击菜单栏打开jQuery对话框作为登录框
- 仅使用 HTML/CSS/JavaScript 的下拉登录菜单
- 根据用户登录隐藏菜单,在角度JS中注销
- jQuery悬停或JavaScript鼠标退出事件,用于菜单“登录”
- 如何在 html/css 中制作下拉登录菜单
- 使用车把的登录状态相关菜单.js
- Boostrap 2.0:将登录表单添加到子菜单中,防止焦点关闭
- 带有登录页面的Ionic应用程序侧菜单
- 单击菜单切换时,将菜单更改为登录
- 如何使用PHP在HTML中创建依赖登录的菜单
- 重定向到登录页面与使用javascript的下拉菜单登录表单相比的优点
- 使用Javascript的下拉登录菜单
- 导航菜单指令在用户登录或注销时刷新
- 成功登录后从服务器查看菜单屏幕的最佳方式
- 在php中处理登录后的会话id,以将菜单栏项从登录更改为注销
- 下拉登录菜单
- 科尔多瓦Ionic刷新侧菜单后登录和注销
- 在Jquery上使用Validation弹出登录菜单
- 在AngularJS应用程序中登录后动态更改菜单