如何创建一个包含两个按钮但其中一个被隐藏的登录页面

How can I create a login page which holds two buttons but one is hidden?

本文关键字：一个隐藏登录包含两何创建创建按钮更新时间：2023-09-26

我正在尝试创建一个包含两个按钮的登录页面，其中一个是隐藏的，当用户点击登录按钮时，如果凭据错误，那么它会显示另一个具有清除属性的按钮，当用户单击清除时，它再次进入上一个按钮状态。

我正在为您的问题编写演示代码。

网页代码：

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代码。