tags:

views:

736

answers:

2

I need to validate a multi-step form. Are there any decent plugins for doing this?

For example:

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

#step1 is a field set.

+2  A: 

I think you're looking for the jQuery Validation Plugin.

Tomas Lycken
I am using that to validate the form but I need to validate each step not all of them at the same time
+1  A: 

I'm only suggesting this if you're okay with a quick hack in 4 lines

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

The basic idea is to wrap it in a temporary form. Validate. Remove. Repeat.

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
Keith Bentrup