当登录失败时，如何在php中调用引导模式

How to call a bootstrap modal in php when login failed?

本文关键字：php 调用 模式 失败 登录      更新时间：2023-09-26

我想显示一个模态时，用户名是错误的，我有php代码，不完整，但有错误:

         header("location:admin.php");
         exit(); 
    } else
  header("location:admin_login.php?error=1");
};
if (isset($_GET['error'])==1){echo "<script type='"text/javascript'">$('#myModal').modal('show');</script>";
exit();}
?>

javascript不工作

模式代码:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

我已经包括但仍然不工作，你知道为什么吗?

确保脚本DOM准备好并从PHP中删除exit();，即使脚本将DOM准备好，exit();也不会让模态显示，即使在这些更改之后，如果模态仍然不显示，请确保检查jQuery库，您可能在页面中间某处运行模态显示脚本，但jQuery库可能在页脚，所以检查您的控制台日志是否有错误。记住jQuery库永远是第一位的。

<?php if (isset($_GET['error'])==1){ ?>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#myModal").modal("show");
    });
    </script>
<?php } ?>

参见

我认为你的JavaScript可能在文档准备好之前就开始运行了。试着修改你的php代码，包括:

if (isset($_GET['error'])==1){echo "<script type='"text/javascript'">$(function() {$('#myModal').modal('show');});</script>";

这只是将您编写的代码放入文档就绪处理程序中。

试着用这个:

<script>
     $(document).ready(function() {
             $('#myModal').modal('show');
     });
</script>
相关文章：