In a wizard I have a container page with a few divs, every div can
host a certain form, that post it's result to another div. Everything
via ajax.
On the bottom of these forms, I call something like this:
jQuery(function($){
        setupAddressForm();
});

which looks like this
function setupAddressForm(){
        var form = setupForm($("#formAddressStep"));
        createAjaxContext(form, $("#panelpaymentoption"));
}

function setupForm(form){
        $("input.ajax-invisible").hide();
        $(form).validate({
                submitHandler: function(form) {
                        $(form).ajaxSubmit();
                },
                currentForm : form
        });
        return form;
}

function createAjaxContext(form, nextStep, onSuccess){
        form.ajaxForm({
                target: nextStep,
                success: onSuccess
                });
}

But only the very first form is actually validated, Firebug tells me
that it always remains the currentForm.

How can I set subsequent forms to be the currentForm?

Reply via email to