时间戳

首页 > 解决方案 > 提交模态表单后成功模态

javascript - 提交模态表单后成功模态

问题描述

我完成了我所有的网站表单编码，我想在提交表单时添加一个成功模式消息，现在我的一些表单已经在 ajax 提交的模型中，我想在同一页面上调用成功模式，它不是为我工作，虽然当我把它放在 if(isset($_POST['post_button'])) 语句之外时，模态正在工作。

这是我的代码

     <form action="" method="post" class="profile_post3 registration-form">
      <fieldset>

        <p style="color: #580024;">Error</p>
        <textarea rows="1" style="text-align: center;" class="form-control  btn-" name="error1"></textarea><br>
        <input type="hidden" name="user_from" value="<?php echo $userLoggedIn; ?>">

        <button type="button" class="btn btn-default btn-primary" name="post_button" id="submit_profile_post3"><p style="color: #580024; margin-bottom: 0px;">Submit</p></button>

        <button type="button" class="btn btn-default" data-dismiss="modal">clos</button>
      </fieldset>
    </form>



    <?php
    if(isset($_POST['post_button'])) {
    echo "   <script>
        $(window).on('load',function(){
            $('#myModal').modal('show');
        });
    </script>";
    } ?>


    <div id='myModal' class='modal fade'>
      <div class='modal-dialog modal-confirm'>
        <div class='modal-content'>
          <div class='modal-header'>
            <div class='icon-box'>
              <i class='material-icons'>&#xE876;</i>
            </div>
            <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
          </div>
          <div class='modal-body text-center'>
            <h4>Great!</h4> 
            <p>Your Message Has Been Reported.</p>
            <button class='btn btn-success' data-dismiss='modal'><span>Done</span> <i class='material-icons'>&#xE5C8;</i></button>
          </div>
        </div>
      </div>
    </div>

标签： javascriptphpformsmodal-dialog

解决方案

删除这个

  if(isset($_POST['post_button'])) {
    echo "   <script>
        $(window).on('load',function(){
        $('#myModal').modal('show');
    });
</script>";
} ?>

这在你的ajax成功函数中，添加这个

$('#myModal').modal('show');

这将在处理完 POST 数据后触发。

我会让你自己想办法。

推荐阅读