将引导警报添加到php登录表单

我有一个登录名，如果用户名和密码不正确，它会显示一条错误消息，但我希望它会显示一个

Bootstrap

警报框。我试图更改代码，但出现错误这是工作代码

<?php
 require('db.php');
 session_start();

 if (isset($_POST['username'])){

     $username = stripslashes($_REQUEST['username']); 
     $username = mysqli_real_escape_string($con,$username); 

     $password = stripslashes($_REQUEST['password']);
     $password = mysqli_real_escape_string($con,$password);


     $query = "SELECT * FROM `users` WHERE username='$username' and password='".md5($password)."'";
     $result = mysqli_query($con,$query) or die(mysql_error());
     $rows = mysqli_num_rows($result);
     if($rows==1){


         $_SESSION['username'] = $username;
         header("Location: login1.php"); 
         }else{
             echo '<center><div class="alert alert-warning">Login Error!!</div></center>';
             }
 }else{
?>

<h1>Log In</h1>
<form action="" method="post" name="login">
<input type="text" name="username" placeholder="Username" required /><br><br>
<input type="password" name="password" placeholder="Password" required /><br><br>
<input name="submit" type="submit" value="Login" />




<div class="alert alert-danger" id="failure" style="margin-top: 10px; display: none">
                         <strong>Does Not Match!</strong> Invalid Username Or Password
                     </div>
</form>
<br>
<p>Not registered yet? <a href='registration.php'>Register Here</a></p>



<?php } ?>


</body>```

登录






不匹配无效的用户名或密码


还没注册吗

```

在else之后立即关闭PHP。 您可以这样解决它：

    else{
echo '

<h1>Log In</h1>
<form action="" method="post" name="login">
<input type="text" name="username" placeholder="Username" required /><br><br>
<input type="password" name="password" placeholder="Password" required /><br><br>
<input name="submit" type="submit" value="Login" />




<div class="alert alert-danger" id="failure" style="margin-top: 10px; display: none">
                         <strong>Does Not Match!</strong> Invalid Username Or Password
                     </div>
</form>
<br>
<p>Not registered yet? <a href='registration.php'>Register Here</a></p>



';
?>

else{
回声'
登录






不匹配！无效的用户名或密码


还没注册吗

';
?>

这不会在登录失败时弹出引导警报，因为您的样式为“显示：无”在div中。删除它，如果登录失败，它将显示：永远不要以明文或使用MD5/SHA1存储密码！只存储使用PHP创建的密码哈希，然后可以使用进行验证。查看此帖子：并了解更多信息