I guess you would then need to call the validate each time a tab was
changed. You could catch the select event for a tab:
$('.selector').tabs({
select: function(event, ui) { ... } //run validation here?
});
and then run the validation, if it validates let the select continue
or show error messages. If the user needs to click a button to go to
the next tab then you could add a function to the click handler to
handle the validation and call:
.tabs( 'select' , index )
if the form validates.
All a bit vague. I was just looking through the docs here:
http://docs.jquery.com/UI/Tabs
the validate function basically returns true or false so you should be
able to get something working.
Good luck!
Dave
On Mar 18, 3:20 pm, John S <[email protected]> wrote:
> Clients IT department wants one form with tabbed sections.
>
> On Mar 18, 8:55 am, phipps_73 <[email protected]>
> wrote:
>
> > Are you trying to validate a single form in each tab or are you using
> > the tabs as a wizard style form?
>
> > I have an app that uses tabs and has forms in each tab. Each being
> > validated and submitted using the form plugin. All works very well
> > together.
>
> > Dave
>
> > On Mar 18, 1:14 pm, John S <[email protected]> wrote:
>
> > > Does anyone know if there's working example of the tabs with the
> > > validation plugin?
> > > I've been reading the documentation for both but can't wrap my head
> > > around how to use them together.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
