Multi-step form validation

1 reply · opened Apr 10, 2016

JjrheederApr 10, 2016

Morning,

I can see that you have jQuery Validate in the setup but cannot seem to get it to work with the multistep form. Any suggestions or examples of this working, I have a 5 step form.

regards,
Johan

PS here is the form


				
					
						
- 
							[1](#ptab1)
							Race Point
						
						
- 
							[2](#ptab2)
							Result Date
						
						
- 
							[3](#ptab3)
							Members & Birds
						
						
- 
							[4](#ptab4)
							Race Results
						
						
- 
							[5](#ptab5)
							Race Report
						
					
					
						

							
								Select the race point:
								
									Please select a race point
									
								    
									
								    
								
							
							
								Select the correct section:
								
									Please select the correct section
									
								    
								    
								
							
							
							[Proceed](#)
						
						
							Select date of when the race was held:
										
							
							[Previous](#)
							[Next](#)
						
						
							
								Members:
								
							
							
								Birds:
								
							
							
							[Previous](#)
							[Next](#)
						
						
							
								
									1st Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									2nd Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									3rd Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									4th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									5th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									6th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									7th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									8th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									9th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
								
							
							
								
									10th Place
								
								
									Owner Name:
									
								
								
									Bird Number:
									
								
								
									Velocity:
									
								
							
							
							[Previous](#)
							[Next](#)
						
						
							
								Race Report:
								
							
							
									Upload Media

									
								
							
							Post Result
						
					
				
			
JjrheederApr 10, 2016

Managed to solve it, just have to do that validation on the jquery tabs level to stop it going to the next tab

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard