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>";

N.B。将#modalDivName替换为模式的div ID。

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

如何从PHP调用bootstrap模式弹出窗口

2 个答案: