防止 Foundation 模式在表单提交时关闭答案

【问题标题】：Prevent Foundation modal from closing on form submit防止 Foundation 模式在表单提交时关闭
【发布时间】：2016-06-01 13:04:07
【问题描述】：

如何防止表单提交后关闭模式？我正在使用 Flask 和 Jinja。

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

【问题讨论】：

标签： jquery flask zurb-foundation zurb-foundation-6

【解决方案1】：

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

要保持模式打开，您必须检查表单提交（在页面加载时），如果您发现表单数据已提交，则激活模式。

另一种方法是使用 ajax 提交表单数据。

【讨论】：