Question

我正在使用jQuery验证我的表单，如下所示：

$(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").submit(function(e){
        if(!subdomain_check() || !password_strenght() || !password_check() || !email_check()) {
            e.preventDefault();
        }
    });

});

现在问题是如果不符合规则，如何阻止提交表单？当我点击提交按钮时，不会发生任何事情。

由于

以下是整个script：http://pastie.org/8812743

Answer 1

$(formSelector).on('submit', function(){
    return subdomain_check() && password_strenght() && password_check() && email_check();
});

Answer 2

$("#install").submit(function(e){

    if ($("#subdomain_check").valid() == true && 
        $("#password_strenght").valid() == true &&    
        $("#email_check").valid() == true)
    {

        $( "#form_id" ).submit();

        return true;            
    }
    else
    {
        return false;
    }

});

Answer 3

使用以下方式：

<input type="submit" value="Delete" onClick="return funEverythingOK();" />

在funEverythingOK（）中，检查所有内容是否填充好，在此函数中，返回true，如果一切正常，否则为false

如何阻止表单提交

3 个答案: