javascript - 如何使用 jQuery 提交表单？

Question

我想使用 jQuery 提交表单，所以我有 4 个字段需要检查，但是当我提交时，它会显示第一个警报 submit 但我不检查这些字段是否是否有效。我的代码有什么错误？非常感激。

$(document).ready(function(){
    $('input[name=subdomain]').keyup(subdomain_check);
$('input[name=password]').keyup(password_strenght);
$('input[name=c_password]').keyup(password_check);
$('input[name=email]').keyup(email_check);

$('#install').on('submit', function(){
alert("submit");
if ($('input[name=subdomain]').valid() == true && $('input[name=password]').valid() == true && $('input[name=c_password]').valid() == true &&   $('input[name=email]').valid() == true){
    alert("TRUE");
    return true;
} else {
    alert("FALSE");
    return false;
    }
});

});

这是 HTML 表单:

<form class="form-horizontal" method="post" id="install" action="etape2.html" role="form">
        <input type="hidden" id="install-element-0" value="install" name="form">
        <input type="hidden" id="install-element-1" value="insert" name="action">
            <div class="col-md-6">
                    <input type="text" id="install-element-2" required="" name="title" class="form-control input-md col-md-6">
            </div>
            <div class="col-md-6">
                <input type="text" id="install-element-3" required="" name="first_name" class="form-control input-md col-md-6">
            </div>
            <div class="col-md-6">
                <input type="text" id="install-element-4" required="" name="last_name" class="form-control input-md col-md-6">
            </div>
            <div class="col-md-6">
                <input type="text" id="install-element-5" required="" name="email" class="form-control input-md col-md-6">

            </div>
            <div class="col-md-6">
                <input type="password" id="install-element-6" required="" class="form-control input-md col-md-6" name="password">
        </div>
            <div class="col-md-6">
            <input type="password" id="install-element-7" required="" class="form-control input-md col-md-6" name="c_password">
            </div>  
            <div class="col-md-6"><input type="text" required="" placeholder="" id="subdomain" name="subdomain" class="form-control input-md col-md-6">
            <div class="form-actions col-md-9 col-md-offset-3 text-right">
                <input type="submit" id="install-element-9" class="btn btn-primary" name=""value="Valider">
            </div>
        </div>
</form>

有没有办法通过函数return而不是通过validate进行检查？

Answer 1

添加:

$('#install').on('submit', function(e){
    e.preventDefault();
    [..]
}

到你的代码