Question

我想在按下“提交表单”按钮后阻止我的模态窗口关闭。

我尝试了一种不同的方式jquery / credform / javascript等，没有什么能给我带来我想要的结果。

在我的模态中，你可以看到我有一个不同的表格。我的PHP服务器请求所有字段。

请帮我解决这个问题。在我将提交保持打开后我想要它，以便完成表单的用户在我在那里制作的框内得到一条消息

$('#myModal').on('hidden.bs.modal', function() {
  this.modal('show');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">

  <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-dialog">

      <div class="modal-content">

        <div class="modal-header">

          <button type="button" class="close" data-dismiss="modal">&times;</button>

          <h4 class="modal-title">Comanda prin Email</h4>

        </div>

        <div class="modal-body">

          <?php include('forms.php'); ?>

            
<div class="container">

              <form id="contact" action="<?= htmlspecialchars($_SERVER["PHP_SELF"]) ?>" method="post">

                <div class=""><p style="text-align: center;">Dupa plasarea comenzi in maximum 24 ore ve-ti fi contactat Telefonic pentru confirmarea acesteia!!!</p></div>
                <fieldset>
                  <sup>*</sup>
                  <input placeholder="Nume Produs" type="text" name="numeprodus" value="<?= $numeprodus ?>" tabindex="1" autofocus>
                  <span class="error"><?= $numeprodus_error ?></span>
                </fieldset>
                <fieldset>
                  <sup>*</sup>
                  <input placeholder="Marimea" type="text" name="marime" value="<?= $marime_produs ?>" tabindex="2" autofocus>
                  <span class="error"><?= $marime_error ?></span>
                </fieldset>
                <fieldset>

                  <sup>*</sup>
                  <input placeholder="Numele" type="text" name="nume" value="<?= $nume ?>" tabindex="3" autofocus>

                  <span class="error"><?= $nume_error ?></span>

                </fieldset>

                <fieldset>
                  <sup>*</sup>
                  <input placeholder="Prenumele" type="text" name="prenume" value="<?= $prenume ?>" tabindex="4" autofocus>
                  <span class="error"><?= $prenume_error ?></span>
                </fieldset>
                <fieldset>
                  <sup>*</sup>
                  <input placeholder="Adresa" type="text" name="adresa" value="<?= $adresa ?>" tabindex="5" autofocus>
                  <span class="error"><?= $adresa_error ?></span>
                </fieldset>
                <fieldset>
                  <sup>*</sup>
                  <input placeholder="Oras" type="text" name="oras" value="<?= $oras ?>" tabindex="6" autofocus>
                  <span class="error"><?= $oras_error ?></span>
                </fieldset>
                <fieldset>
                  <sup>*</sup>
                  <input placeholder="Cod Postal" type="text" name="codpostal" value="<?= $codpostal ?>" tabindex="7" autofocus>
                  <span class="error"><?= $codpostal_error ?></span>
                </fieldset>
                <fieldset>

                  <sup>*</sup>
                  <input placeholder="Email" type="text" name="email" value="<?= $email ?>" tabindex="8">

                  <span class="error"><?= $email_error ?></span>

                </fieldset>

                <fieldset>

                  <sup>*</sup>
                  <input placeholder="Numar Telefon" type="text" name="telefon" value="<?= $telefon ?>" tabindex="9">

                  <span class="error"><?= $telefon_error ?></span>

                </fieldset>

                <fieldset>

                  <textarea value="<?= $message ?>" name="message" tabindex="10">

                  </textarea>

                </fieldset>

                <fieldset>
                    <button name="submit" type="submit" id="contact-submit" data-submit="...Sending">Submit</button>
                </fieldset>
                <div class="success"><?= $success ?></div>

              </form>

            </div>

        </div>

        <div class="dv-atentionare"><p class="dv-att-p1">Atentie!</p><p class="dv-att-p2">Aveti la dispozitie 48 ore de la plasarea comenzi pentru a o putea anula!</p></div>

        <div class="modal-footer">

         <input  class="btn btn-default">

         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

        </div>

      </div>

    </div>

  </div>

</div>

提前谢谢！

Answer 1

好的，所以有两个解决方案。

使用JQuery AJAX提交表单，并防止默认表单行为。 Link
从服务器返回表单时重新打开模态。我可能无法为您提供任何PHP代码，但我已在Asp.Net MVC.

当您将数据发布到PHP时，请从那里返回一些标记。然后，您可以使用该标志打开/关闭以下脚本。

// PHP if($some_flag == true)
<script>
    $(document).ready(function(){
      $('#myModal').modal('show');
    })
</script>
// PHP endif

Answer 2

根据文档import tornado from test_first import First from test_second import Second class Application(tornado.web.Application): def __init__(self): ENDPOINTS = [ # USERS # (r"/test-first", First), (r"/test-second", Second) ] SETTINGS = { "debug": True, "autoreload": True, "serve_traceback": True, "compress_response": True } tornado.web.Application.__init__(self, ENDPOINTS, SETTINGS) if __name__ == "__main__": print("dinliyor...") Application().listen(8888) tornado.ioloop.IOLoop.instance().start()是在点击按钮时关闭模态。

删除此属性应该在单击按钮时停止模式关闭。

提交按钮后阻止Bootstrap模型关闭

2 个答案: