Question

如果提交表单后如何阻止模式关闭？我正在使用Flask＆amp;金贾。

<form method="post" action="" id="login-form">
   <input type="text" placeholder="Username" name="username" value="{{request.form.username}}"/>
   <input type="Password" placeholder="Password" name="password" value="{{request.form.password}}"/>
   <button id="submit-button" class="success button" data-toggle="modal">Login/Register</button>
   <p>{{error}}</p>
   <script>
   $('#submit-button').click(function(e) {
    e.preventDefault();
    $('#login-form').submit();
     });
   </script>
</form>

Answer 1

默认情况下，提交表单会加载action属性中标识的页面。默认情况下，空白操作action=""将重新加载当前页面。

要保持模态打开，您必须检查表单提交（在加载页面时）并在发现表单数据已提交时使模式处于活动状态。

执行此操作的另一种方法是使用ajax提交表单数据。

阻止基础模式关闭表单提交

1 个答案: