Comments on: Fancy Sliding Form with jQuery

By: iain

iain — Fri, 27 Jan 2012 16:14:14 +0000

Has anyone managed to get the radio validation working. I tried the earlier code suggestion but it seems to stop the validation working.

Also, if i press return at any point it seems to revert the form back to a blank entry and the user loses all prior inputs. Is there a way to stop that?

By: iain

iain — Fri, 27 Jan 2012 12:08:12 +0000

Script is great.

Quick question – does the form post automatically based on the form action when all the fields are completed, or is some more code needed for the posting action at when the submit button is pressed?

By: Josh

Josh — Wed, 25 Jan 2012 22:20:57 +0000

For anybody who was having problems with tabbing because the last form element in their fieldset isn’t an input tag, resulting in halfway displaying the next tab. I could not figure out how to resolve, so I disabled tabbing for all the form elements, and added a next button. Tabbing is gone, but users an still click through and this way someone doesn’t break it when trying to tab.

To disable the tabbing, use jquery to set all form inputs tab index to -1. I lifted the next button code from someone on here.

By: jayendra

jayendra — Tue, 24 Jan 2012 10:22:47 +0000

Thanks to share this.

Amazing article.

By: John

John — Fri, 13 Jan 2012 14:34:01 +0000

With IE6/IE7, it’s deducting a 4px (2px either side) border in the calculation of the width of each page of the form, which means that the end total for the steps will be a few pixels short, which causes the confirmation page to show in the wrong place. To fix it, try adding a border:0; into the .step css

17 .step{
18 float:left;
19 width:600px;
20 border:0;
21 }

And that should do the trick. :)

By: Paolo

Paolo — Thu, 05 Jan 2012 14:58:26 +0000

Thanks Mary Lou for this awesome codes. I like it! I decided to use this in one of the custom page that I created in my wordpress site. Now the thing is, I can’t get it to work. :-( Any idea how to fix this? Thanks in advance to you and to anyone who will answer me.

By: Masoud

Masoud — Mon, 26 Dec 2011 06:10:08 +0000

great tutorial

By: ebrahim

ebrahim — Wed, 14 Dec 2011 09:41:03 +0000

That is a brilliant peace of work.
Good on ya Mary Lou

By: Moazzam

Moazzam — Mon, 12 Dec 2011 16:09:58 +0000

IE7 making few issues for me.

ul li tabs are disappeared………. please help.

By: Peyman

Peyman — Sat, 03 Dec 2011 20:02:48 +0000

I love it…