如何提交注册表单并在不关闭引导模式的情况下返回结果

时间:2019-04-04 16:47:03

标签: jquery bootstrap-4

我真的很难在Bootstrap模式下提交表单。每当我单击正文中的提交按钮时,模式就会关闭,我必须重新打开模式才能查看php结果。当我用页脚中的按钮连接表单时,什么也没有发生。如何提交注册表单并以相同的方式显示结果而不关闭表单。如果登录成功,则模式应关闭并重定向到另一个页面。

这是我的代码的一部分;

<!-- Login Modal -->



<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

  <div class="modal-dialog" role="document">

    <div class="modal-content" style="background-color: rgba(0,0,0,0.5);">

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

          <span aria-hidden="true">&times;</span>

        </button>

      </div>

      <div class="modal-body">

            <img src="images/login.png" class="user">



     <?php



        if($_POST){

            if(isset($_POST['insert'])){

                 echo "The insert function is called.";

            } if(isset($_POST['submit'])){

                 echo '<h2 id="errorMsg">The submit function is called.</h2>';

            }

        }



     ?>

        <form id="myForm" method="POST">

        <input type="submit" class="button" name="insert" value="insert">

        </form>         

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-secondary" data-dismiss="modal">Sign up</button>

        <!--<button type="button" class="btn btn-primary" name="submit">Login</button>-->

      </div>

    </div>

  </div>

</div>

0 个答案:

没有答案