jQuery validate插件：以编程方式验证页面上某些部分中的字段

问题描述

|| 我正在尝试使用jQuery验证插件（从这里->

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

）来通过单击按钮以编程方式验证页面某些部分中的字段（直到提交要验证的最后部分时才进行真正的表单提交）整个表格），然后再继续进行新的操作。本质上，当您单击特定部分中的按钮时，该部分中的字段需要验证。该页面的第一部分可以很好地进行验证，但是当我进入第二部分时，它将直接进行而不进行验证。正确的方法是什么？我至少在正确的轨道上吗？ 这是我正在谈论的示例。如果需要，我可以添加更多代码。

// Step 1 section validation
var validateStep1 = $(\"#form1\").validate({
    errorClass: \"warning\",onkeyup: false,onblur: false,onfocusout: true,rules: {
        \"field1\": {
            required: true,},\"field2\": {
            required: true,minlength: 1
        },\"field3\": {
            required: true,}
    }
});

// Step 2 section validation
var validateStep2 = $(\"#form1\").validate({
    errorClass: \"warning\",rules: {
        \"field4\": {
            required: true,\"field5\": {
            required: true,\"field6\": {
            required: true,}
    }
});

// click events for buttons to proceed
$(\"#button1\").click( function() {
    if (validateStep1.form()) {
        // proceed
    }
});
$(\"#button2\").click( function() {
    if (validateStep2.form()) {
        // proceed
    }
});

在此先感谢您的帮助！     

解决方法

我猜你不能在同一表格上两次不同地使用'validate \'方法。 您可以使用的是rules对象上的\“ depends \”选项。它仅允许基于“ depends”的结果来“应用”规则。 此页面上有一个示例：http://rocketsquared.com/wiki/Plugins/Validation/validate#toptions（转到“规则”文档部分）

$(\".selector\").validate({
    rules: {
        contact: {
            required: true,email: {
                depends: function(element) {
                    return $(\"#contactform_email:checked\")
                }
            }
        }
    }
});

希望这可以帮助， d。