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);
});