artoodetoo/formtowizard

Turn any webform into multi-step wizard with jQuery

formtowizard's Issues

jQuery validate with goToStep

Is there a way where 'goToStep' can validate field before run to the desired step ?
It work with 'PreviousStep' and 'NextStep' my field are validated and it doesn't continue if some field are not completed.
Any function/tips for that it will work will be much appreciated
Thanks in advance

It doesn't work with Ajax validation

If you use jQuery validation-engine as your validation library, and you add an ajax validation, it won't work because formToWizard doesn't wait for the ajax response to decide if it has to proceed or not to the next step.

Remote Validation

I've got a remote validation rule on my form, however the wizard doesn't wait for that to return it's result before moving to the next page. Any suggestions on what to do?
`jQuery('#SignupForm').validate({
rules: {
email: {
required: true,
email: true,
remote: the_ajax_script.ajaxurl
}
},
errorPlacement: function (error, element) {
if (element.attr("name") == "email" && jQuery("#passwordpanel").is(":hidden")) {
jQuery("#passwordpanel").slideDown("slow");
} else {
error.insertAfter(element);
}
},
errorElement: 'em',

});`

Using formToWizard in .Net

It seems this won't work if "form" tag is remove or changed to "div".
I am trying to use this in .Net aspx file that uses a master page. Master page already has a "form" tag and it won't allow two form tags inside a page. If I leave it there, all wizard steps all show at once.

Also, as soon as I click inside an input field, I get JS error in jquery.validate file: "JavaScript runtime error: unable to get property 'settings' of undefined or null reference"; I am guessing because I removed "form" tag.

Has anyone used this in an aspx file and knows how to get around it?

Manual prev next bug

                NextStep: function() {
                    $( '.stepDetails:visible' ).find( options.nextBtnClass ).click();
                },
                PreviousStep: function() {
                    $( '.stepDetails:visible' ).find( options.prevBtnClass ).click();
                }

I don't have time at this moment to do a PR.

Also, I was getting both steps showing when firing off "PreviousStep". So there could be more issues there.

I can try to do a PR soon if I find the time.

how to animate page transitions?

Is it possible to animate page changes? Maybe a sliding animation would be nice.

Control over button markup

Thoughts on having the markup for button navigation be in HTML template or as a template string?

At a minimum, maybe have an option for the parent for the buttons to be appended into?