php - Dividing a signup form into steps with jQuery -


This thing is driving me crazy I'm working on a private "fun" project in which a long sign Up form is included.

What I want to do is to create a relevant field group for each step to split this form, and the ability to navigate forward and backward before submitting, which indicates check marks or something else To figure out which steps have been completed or not, I have found some examples but they are not really fit in my design and I can not move around to modify them properly.

I wanted to do something similar to the slideshow in the forum, along with the progress bar and clickable steps below. I would like to do something like this, but for the steps in one form

Where should I start?

Any tutorial or recommend some resources?

I have seen that they tried to use a public or commercial (but third party) jquery plugin to see their code look. Thanks!

I have just used something similar in the past. This is a jquery plugin that allows you to easily scroll over some posts, or on the page ID.

What we did was made a very long horizontal page in which several devices were released on the left side. There were one or two steps in each device, and the bottom and back buttons were below. When you click on the next button on a particular step, it quickly disappears and then a

decreases in the next, along with the buttons positioned at the top, which are Each stage can be taken individually.

Here's an example of personal navigation to go back and forth:

  & lt; Div class = "nav" & gt; & Lt; One name = "1" onclick = "$ (document) .scrollTo ('# 1', 3000);" Style = "float: left;" & Gt; & Amp; Larr; Back & lt; / A & gt; & Lt; One name = "3" onclick = "$ (document) .scrollTo ('# 3', 3000);" Style = "float: correct;" & Gt; Next & amp; Rarr; & Lt; / A & gt; & Lt; / Div & gt;   

# 1 and # 3 are previous steps ID - this code is being taken from step 2. 3000 To scroll each special part, milliseconds is 3 seconds long, but we had some animated images so that the form could be made slightly more fun!

Hope this helps :)

Comments