我正在尝试创建一个包含两个按钮的登录页面,其中一个是隐藏的,当用户点击登录按钮时,如果凭据错误,那么它会显示另一个具有清除属性的按钮,当用户单击清除时,它再次进入上一个按钮状态。
我正在为您的问题编写演示代码。
网页代码:
Username:<input type="text" id="user"/>Password:<input type="password" id="password"/><button id="login">Login</buton><button style="display:none" id="hidden">Clear</button>
这是你的jQuery代码:
$(document).ready(function(){ var user=$("#user").val; var pass=$("#password").val(); $.post("ajax.php", {user: user, pass: pass}, function(data){ if(data=="true"){ window.location.href="dashboard.php" }else{ $("#login").css("display", "none"); $("#hidden").css("display", "block"); } }); }); $("#hidden").click(function(){ $("#user").val=""; $("#password").val=""; });
最后在ajax上.php检查凭据
$user = $_POST['user']; $pass=$_POST['pass'];
现在使用普通登录代码检查凭据,如果凭据正确,则回显"true";因此它可以签入jQuery代码。