jquery - jquery多步表单验证

Question

我需要验证一个多步骤表单。有没有像样的插件可以做到这一点？

例如：

$(function() {
    $('#MoveStep1').click(function() {
        $("#step1").validate();
    });
});

#step1是一个字段集。

Answer 1

如果您可以快速破解 4 行代码，我只会建议您这样做

//untested but you'll get the gist, you may need a slight variation on this
$("#step1").wrap('<form id="tmp-form"></form>');
$("#tmp-form").validate();
$("#step1").insertBefore("#tmp-form");
$("#tmp-form").remove();

基本思想是以临时形式包装它。证实。消除。重复。

好处：  
使用您已经知道并且经过充分测试的验证插件。
您无需更改任何现有的验证规则

缺点：
根据您的样式标记，可能出现不受欢迎的布局效果
也许其他人？再一次，没有测试只是一个快速的想法

Answer 2

像这样的东西怎么样：

//setup validation, don't validate if the control is: ignored, inside an ignored container, or hidden
$("form").validate({ ignore: ".ignore, .ignore *, :hidden" });

$("#MoveStep1").click(function() {
    //assuming each step is in a container with the class Step
    $(".Steps:not(#step1)").addClass(.ignore);
    $("form").valid();
    $(".Steps").removeClass(.ignore);
});