Javascript 如何隐藏/显示基于PHP响应的HTML元素?
我想让我的网站更加用户友好。我希望这样,如果用户输入了错误的密码,HTML元素Javascript 如何隐藏/显示基于PHP响应的HTML元素?,javascript,php,html,Javascript,Php,Html,我想让我的网站更加用户友好。我希望这样,如果用户输入了错误的密码,HTML元素将显示出来。只有当我的PHP脚本说密码不正确时,这个元素才会显示,否则它会被隐藏起来,就像它不存在一样。我怎么能这样做呢?HTML是一种非常静态的语言。我的第一个想法是我需要使用javascript,但我不知道该怎么做 以代码为例: <?php session_start(); //Authenticate user //Wrong password! ?> <body>
将显示出来。只有当我的PHP脚本说密码不正确时,这个元素才会显示,否则它会被隐藏起来,就像它不存在一样。我怎么能这样做呢?HTML是一种非常静态的语言。我的第一个想法是我需要使用javascript,但我不知道该怎么做
以代码为例:
<?php
session_start();
//Authenticate user
//Wrong password!
?>
<body>
<div class="paper">
<h3>Login</h3>
<div class="wrongpassword"><p>Your password is incorrect</p></div>
<form action="login.php" method="post" enctype="multi-part/form-data">
Username:<br>
<input placeholder="Username" name="username" type="text" autofocus><br>
Password:<br>
<input placeholder="Password" name="password" type="password"><br>
<br>
<input name="login" type="submit" value="login">
</form>
<hr>
<p>Need a account? <a href="register.php">Sign up here!</a></p>
</div>
</body>
登录
您的密码不正确
用户名:
密码:
需要账户吗
PHP最初是一种模板语言。您可以在标记的中间打开PHP标签,并有条件地将HTML添加到文档中。
试试这个-假设您正在使用PHP中的内置函数:
<?php
if (!password_verify($password, $hash)) {
echo '<div class="wrongpassword"><p>Your password is incorrect</p></div>';
}
?>
PHP最初是一种模板语言。您可以在标记的中间打开PHP标签,并有条件地将HTML添加到文档中。 试试这个-假设您正在使用PHP中的内置函数:
<?php
if (!password_verify($password, $hash)) {
echo '<div class="wrongpassword"><p>Your password is incorrect</p></div>';
}
?>
这会给你一个好的开始 基本上,您要做的是首先检查表单是否已提交 一旦您知道表单已提交,则需要检查密码是否正确。如果密码不正确,则将变量
$error
的值更改为true
然后,在呈现页面时,根据$Error
登录
您的密码不正确
用户名:
密码:
需要账户吗
这会给你一个好的开始
基本上,您要做的是首先检查表单是否已提交
一旦您知道表单已提交,则需要检查密码是否正确。如果密码不正确,则将变量$error
的值更改为true
然后,在呈现页面时,根据$Error
登录
您的密码不正确
用户名:
密码:
需要账户吗
我只是想知道为什么您认为这样的东西需要一个单独的
-容器。
已经是块级的了,您也可以在块级上抛出任何类,以正确地设置其样式。我只是想知道为什么您认为这样的东西需要一个单独的
-容器。
已经是块级别了,您也可以在块级别上抛出任何类,以正确设置其样式。