ajax提交form表单，禁用默认表单提交并保留input的数据校验

设置表单的οnsubmit="return login()"，让login函数返回false，注意false小写，Python写惯了，之前写成False。

html代码: 

<form method="POST" id="login_form" onsubmit="return login()">

            <div class="input">
                <input type="text" name="username" placeholder="用户名/邮箱" required id="id_username">
            </div>
            <div class="input">
                <input type="password" name="password" placeholder="密码" maxlength="100" required id="id_password">
            </div>

            <div class="sign_up">
                <input type="submit" name="commit" value="登录" id="sign_up_btn">
            </div>

</form>

js代码： 

function login() {
    form = $("#login_form")
    $.ajax({
        type: "POST",
        url: window.location.href,//表单接收url
        data: form.serialize(),
        success: function (data) {
            alert('success')

        },
        error: function (data) {
            alert('error')
        }
    });
    //返回false表单的默认提交事件
    return false
}