验证 password-input-type-box 上的输入是否正确显示将 link 到另一个页面的按钮？

Question

我需要一个（自定义css按钮。我已经有了样式，但我只需要一些代码）按钮，一开始是隐藏的，如果密码框中的输入正确，然后按'submit' 会创建另一个按钮 above/below 它显示 'proceed'。或者如果不正确，那么如果输入值正确，提交按钮将 link 到另一个网站，如果不正确，它会警告密码错误。

拜托，我真的需要帮助。

如果可能，尽可能不要 jQuery 或 pHp 代码

HTML、css、javascript 会很有帮助

提前致谢！

哦，顺便说一下，命令 'window.location.href' 没用。我试过了，不知道为什么。我也尝试了其他三个，如 window.location、location.href 等

Answer 1

可以通过 PHP 代码轻松完成...

<?php 
if(isset($_POST['username'])&&isset($_POST['password']))
{
$username=$_POST['username'];
$password=$_POST['password'];
if(!empty($username)&&!empty($password))
{
if($password==$blahblah)    //$blahblah is your correct password 
   header("LOCATION: home.php");      //$password is your typed one
else                             //home.php is your link after correct login
header("LOCATION: tryagain.php"); //tryagain is link for wrong password
}
}

?>

<form method="POST" action="xyz.php">
<input type="text" name="username">
<input type="password" name="password">
</form>

在提交表单时，您还应该使用 sql 注入。您可以在 google...

上了解这一点

验证 password-input-type-box 上的输入是否正确显示将 link 到另一个页面的按钮？

verify if input on password-input-type-box is correct show button that will link to another page?

html

javascript

css

button

verify