Javascript 登录失败时启动模式弹出窗口

我有一个登录页面（login.html），它调用一个带有POST的php方法来获取有效的登录凭证，效果很好。如果电子邮件和密码不正确，那么在我当前的实现中，会弹出一个警报并重新加载页面。我想知道如何激活一个模式，而不是说弹出窗口

<div id="myModal" class="modal fade">
  <div class="modal-dialog modal-confirm">
    <div class="modal-content">
      <div class="modal-header">
        <div class="icon-box">
          <i class="material-icons">&#xE5CD;</i>
        </div>
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      </div>
      <div class="modal-body text-center">
        <h4>Ooops!</h4> 
        <p>Something went wrong. File was not uploaded.</p>
        <button class="btn btn-success" data-dismiss="modal">Try Again</button>
      </div>
    </div>
  </div>
</div>

；
&时代；
哎呀！
出了点问题。文件未上载

再试一次

完整的PHP文件：

<?php
   $email = $_POST['email'];
   $pwd = $_POST['pwd'];


   $conn = new mysqli('localhost','root','','rm');
   if($conn->connect_error){
      die('Connection Error: '.$conn->connect_error);
   }
   else{
      $sql = "select * from superfan  where email='".$email."' and password='".$pwd."' ";
      $result = mysqli_query($conn,$sql);
      $records = mysqli_num_rows($result);
      $row = mysqli_fetch_array($result);
      if ($records==0)
      {
         echo '<script type="text/javascript">';
         echo '$(document).ready(function() {';
         echo '$("#myModal").modal("show");';
         echo '});';
         echo '</script>';
      }
      else
      {
         header('location:index.html');
      } 
         mysqli_close($conn);
      }
?>

输入在哪里？发布后，您将立即离开当前页面。因此，我假设您得到一个空白页面，在显示源代码时，该页面将只有脚本内容。控制台中有一个错误，因为不会有任何jQueryalso，PHP可以在这些HTML文件中运行吗？或者只能在HTML中运行吗？如果不能，请重命名它们。phpWhat没有按您希望的方式运行？你没说。