Solved

Using  jquery Validation on jquery Smart Wizard plugin

Posted on 2013-06-16
5
3,026 Views
Last Modified: 2013-06-28
Hi there,
I was wondering if anyone has done this before. Documentation on smart wizard tells me i can build custom validation for each step, but i want to use jquery validation. I wrote allt he rules i need for step one of the wizard and i triger the validation function on leave step but validation just doesnt trigger. Better said it doesnt show errors but once you fill in the required fields it gives them a green outline meaning they pass validation. Hope to hear from you soon and hope my question makes sense:D
Regards
0
Comment
Question by:webfactor
  • 3
  • 2
5 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
Not at all without some code or a site
0
 

Author Comment

by:webfactor
Comment Utility
$('#wizard-validation').smartWizard(
 {
  // Properties
    selected: 0,  // Selected Step, 0 = first step  
    keyNavigation: true, // Enable/Disable key navigation(left and right keys are used if enabled)
    enableAllSteps: false,  // Enable/Disable all steps on first load
    transitionEffect: 'fade', // Effect on navigation, none/fade/slide/slideleft
    contentURL:null, // specifying content url enables ajax content loading
    contentCache:true, // cache step contents, if false content is fetched always from ajax url
    cycleSteps: false, // cycle step navigation
    enableFinishButton: false, // makes finish button enabled always
    errorSteps:[],    // array of step numbers to highlighting as error steps
    labelNext:'Next', // label for Next button
    labelPrevious:'Previous', // label for Previous button
    labelFinish:'Finish',  // label for Finish button  
	enableSaveButton:false,
	hideButtonsOnDisabled:true,
	
	onLeaveStep:	function leaveAStepCallback(obj, context){
		
        if(context.toStep==2){
		validateRemovalistSetupWizzardStep1();
		
			
		}
	},
		
	
  // Events

    onShowStep:null,  // triggers when showing a step
    onFinish: storeRemovalistProfile  // triggers when Finish button is clicked
 }
); 

Open in new window

and this is the wizard init code ...
function validateRemovalistSetupWizzardStep1(){
	
var validator=$("#removalistSetup").validate({
		
  rules: {
    companyName: {
      required: true
	},abn:{
		required:true,
		digits:true
	},address:{
		required:true
	},city:{
		required:true
	},postalCode:{
		required:true,
		maxlength:4,
		digits:true
	},phone:{
		required:true,
		digits:true
	},mobile:{
		required:true,
		digits:true
	},contactPerson:{
		required:true
	},altMail:{
		email:true
	}
  }
});

Open in new window

These are the validation rules for step one that I trigger onLeaveStep of smart wizard.
You need smart wizards html code as well?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
Comment Utility
Is there anywhere I can see this in action?
0
 

Accepted Solution

by:
webfactor earned 0 total points
Comment Utility
we fix the issue. thanks for your assistance anyway.

basicly what we did was applie the validation rules before initialising the wizard form and using .valid() function on leave step to check if all fields r filled in
0
 

Author Closing Comment

by:webfactor
Comment Utility
we fixed it ourselfs
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The viewer will learn how to count occurrences of each item in an array.
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now