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();
    [..]
}

代码

如何使用jQuery提交表单？

1 个答案: