Question

I have a big form that is split over 3 pages (each page is self contained i.e. only contain part of the form wrapped around form tags). I have page buttons so the user can navigate between pages e.g. page 1, page 2, page 3 and each page is loaded depending on a page variable in the url querystring i.e.

www.myurl.com?page=1

What I want to happen is that when the user clicks on the page button the form is submitted but also passed the page button clicked in a post/get (I don’t mind which) value i.e. next_page = page number clicked

What is the best way to do this? I am using jQuery in my code so a solution using this would be good

Answer 1

$(document).ready(function() {
    $('.page_button').click(function() {
        var url = window.location.href;
        var button = $(this);
        $postData = $('#my_form').serialize() + '&save=Save';
        $.post(url, $postData, function(data) {
            window.location.href = button.attr('href');
        });

        return false;
    });
});