Javascript 在点击提交按钮后，如何防止登录模式关闭？

我目前正在一个PHP网站上工作。当用户单击login时，会弹出JQuery模式并要求用户登录。单击“提交”按钮后，框关闭，用户登录或无效用户名/密码回显到登录模式，但框仍然关闭。当您点击登录时，模式会再次弹出，用户名无效。如果用户未正确登录，我希望模态保持打开状态。谢谢大家!

<form action="" method="POST">
    <div class="modal-header">
        <h4>Login</h4>
    </div>
    <div class="modal-body row">
    <?php 
        if(isset($_POST['login'])){                 
            $user_login = strip_tags(@$_POST['user_name']);
            $password_login = strip_tags(@$_POST['user_password']);
            $password_login = md5($password_login);
            $sql = mysql_query("SELECT * FROM users WHERE email='$user_login' AND password='$password_login' LIMIT 1");
            $userCount = mysql_num_rows($sql);
            if($userCount == 1){
                while($row = mysql_fetch_array($sql)){
                    $user_id = $row["id"];
                    $user_fname = $row["first_name"];
                    $user_lname = $row["last_name"];
                    $user_membersince = $row["date"];
                }
                $_SESSION['user_email'] = $user_login;
                $_SESSION['user_fname'] = $user_fname;
                $_SESSION['user_lname'] = $user_lname;
                $_SESSION['user_membersince'] = $user_membersince;

            }else {
                echo("invalid username/password");
            }
        }
    ?>  
        <div class="form-group">
            <div class="col-sm-12">
                <input type="text" class="form-control" name="user_name" placeholder="email address">
            </div>
            <div class="col-sm-12">
                <input type="text" class="form-control" type="password" name="user_password" placeholder="password">
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="submit" class = "btn btn-warning" value="login"name="login">Login</button><a class = "btn btn-warning" data-dismiss = "modal">Cancel</a>
    </div>
    </form>
    </div>
</div>
</div>

登录
您可以在单击submit按钮时使用ajax方法

$.ajax({   
   type: 'POST',   
   url: url,   
   data: $('#bob').serialize(),
   success: success,
   dataType: dataType 
}); 

submit按钮会将回发更改类型更改为button。
Ajax
将帮助您解决此问题。使用Ajax发布表单您也必须关闭表单，请在底部使用
重新应用
表单是一个打字错误，将按钮类型更改为“按钮”只会使“提交”按钮不起任何作用