Question

I want to use jQuery Validation Plugin with jQuery UI Tabs. How I can validate using jQuery Validation Plugin on each step triggered by next button. I see examples of jQuery Validation Plugin and mostly are for validation of whole form at once. I need it step by step.

I am not a pro so please tell me some easy solution instead of suggesting me other plugins. My code looks like:

$("#frag1").click(function(){
     //I need jQuery Validation code here for a single step
     event.preventDefault();
}else {
$('.next-tab, .prev-tab').click(function() { 
         $tabs.tabs('select', $(this).attr("rel"));
         return false;
   });
}

Thanks in advance.

Answer 1

I realise that you didn’t want suggestions for other plugins. But I think this could be especially useful for you:

There is the jQuery formwizard plugin, http://thecodemine.org/

Which integrates nicely with the jquery validation plugin. And also is themeable with jQuery-UI themes (if you are already using them on your site).