javascript - 如何从 PHP 调用 Bootstrap 模式弹出窗口

Question

我有一个非常简单的电子邮件表单，我想在激活“发送消息”按钮时显示一个模式弹出窗口，说明电子邮件是否已发送。我正在使用 bootstrap，并且我已经在另一个页面上制作了模式弹出窗口，但我找不到从 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>";

<小时/>

注意 将 #modalDivName 替换为模态框的 div id。