財団のモーダルがフォーム提出時に閉じるのを防ぐ

Question

フォームが提出されたら、モーダルが閉じないようにするにはどうすればよいですか？私は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> 

Answer 1

フォームを送信すると、デフォルトでaction属性で指定されたページが読み込まれます。 空白のアクションaction=""は、デフォルトで現在のページをリロードします。

モーダルを開いたままにするには、フォームのデータが送信されたことがわかった場合は、フォームの送信（ページの読み込み時）を確認し、モーダルをアクティブにする必要があります。

これを行うもう1つの方法は、ajaxを使用してフォームデータを送信することです。