jquery validación de formulario de múltiples pasos

Question

Necesito validar un formulario de varios pasos. ¿Hay algún plugin decente para hacer esto?

Por ejemplo:

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

#step1 es un conjunto de campo.

Answer 1

Sólo estoy sugiriendo esto si estás bien con un corte rápido en 4 líneas

//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(); 

La idea básica consiste en envolver en una forma temporal. Validar. Retirar. Repetir.

Benefits: 
use a validation plugin you already know and is well-tested. 
you don't need to change any existing validation rules 

Cons: 
possible undesired layout effects depending on you style markup 
maybe others? once again, not tested just a quick thought

Answer 2

¿Qué tal algo como esto:

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