簡體   English   中英

防止基金會模式關閉表單提交

[英]Prevent Foundation modal from closing on form submit

提交表單后,如何防止模式關閉? 我正在使用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>

默認情況下,提交表單將加載在action屬性中標識的頁面。 默認情況下,空白操作action=""將重新加載當前頁面。

要保持模式打開,您將必須檢查表單提交(在頁面加載時),如果發現表單數據已提交,則使模式處於活動狀態。

這樣做的另一種方法是使用ajax提交表單數據。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM