如何從 PHP 調用引導模式彈出窗口

Question

我有一個非常簡單的電子郵件表單，我想在“發送消息”按鈕被激活時顯示一個模態彈出窗口，說明電子郵件是否已發送。 我正在使用引導程序，並且我已經在另一個頁面上制作了一個模態彈出窗口，但是我找不到從 PHP 制作它的方法。

                <form name="contactform" method="post">
                  <br><input type="text" name="txtNome" placeholder="Insira o seu nome." required id="campoNome"><br>
                  <input type="email" name="txtEmail" placeholder="Insira o seu e-mail." required id="campoEmail"><br>
                  <input type="text" name="txtTelefone" id="campoTelefone" placeholder="Insira o seu telefone." required><br>
                  <textarea name="txtMensagem" maxlength="1000" cols="25" rows="6" placeholder="Deixe aqui sua mensagem." required id="campoMensagem"></textarea><br>
                  <input type="submit" name="btnEnviar" value="SEND MESSAGE" id="btnEnviar">
                </form>

<?php
                //enviar formulário
                if(isset($_POST['btnEnviar']))
                {
                  if ($enviado) 
                  {
                     echo "<span class='text-success'>E-mail sent!</span>";
                  }

                  else 
                  {                          
                     echo "<span class='text-danger'>Something wrong happened :(.</span><br>";
                  }
                }?>

---

我按照安德魯告訴我的做了，但仍然無法使其工作，我真的很擅長開發，所以請對我好一點:)

<div class="modal fade" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="text-indent: justify;">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4>A área de clientes ainda está em construção, agradecemos a compreensão</h4>
          <br>
          <br>
          <button type="button" class="btn btn-default" data-dismiss="modal" style="background-color: #2980B9; color: white;">OK</button>
        </div>
      </div>
    </div>
  </div>
                    <?php
                    //enviar formulário
                    if(isset($_POST['btnEnviar']))
                    {
                      if ($enviado) 
                      {
                         echo "<span class='text-success'>E-mail sent!</span>";
                      }

                      else 
                      {                          
                         echo "<script type='text/javascript'>
                                $(document).ready(function(){
                                $('#emailModal').modal('show');
                                });
                                </script>";
                      }
                    }?> 

Answer 1

只需回顯一個觸發模態的 javascript 片段，如下所示：

echo "<script type='text/javascript'>
$(document).ready(function(){
$('#modalDivName').modal('show');
});
</script>";

---

注意用你的模態的 div id 替換#modalDivName 。

Answer 2

    @error('email')
    <script type='text/javascript'>
    $(document).ready(function(){
    $('#login').modal('show');
    });
    </script> 
    <span class="invalid-feedback" role="alert">
    <strong>{{ $message }}</strong>
    </span>
    @enderror