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

Question

我正在尝试使用 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",
    onkeyup: false,
    onblur: false,
    onfocusout: true,
    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
    }
});

预先感谢您的帮助！

Answer 1

我想您不能在同一表单上使用两次不同的“验证”方法。

您可以使用规则对象上的“取决于”选项。它允许仅根据“取决于”的结果来“应用”规则。

此页面上有一个示例： http://rocketsquared.com/wiki/Plugins/Validation /validate#toptions（转到“规则”文档部分）

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

希望这有帮助，
d.