Multi-Step Registration Style Wizard using jQuery

I was recently working on a multiple step registration style wizard for moving through a lengthy form perhaps, or even stepping through a multiple part "How To". I will be using the latter in this post as an example. I began writing this all inline but opted to turn it into a jQuery plugin so it could be used multiple times within

Sponsored Links:

Related Topics

Style Your Site Using jQuery
By pulling in feed from the Yahoo API with jQuery, you can style your website according to the Weather! Find out how by following this step by step guide. We'll start by creating four backgrounds for sun, rain, snow and cloudy, then use a clever jQuery script to pull in the forecast. To finish things off, we'll even create a cool manual override, allowing users to switch through the various themes themselves.

Using Jquery to create an awesome registration page
In this tutorial we'll be using a number of Jquery functions to create a registration page that functions. Username availability, Password match and Email validation.

HTML 5 and CSS jQuery Log-in and Registration Popup Box
Registration and log-in forms are both very common features of websites. As users don't like constantly loading pages, webmasters are finding themselves calling the forms with Javascript and overlaying them over the page content. This article takes you through how to achieve this in a simple manner with HTML, CSS 3, and jQuery. It's perfect for any PHP user system.

Create iPhone-style buttons with the iButton jQuery Plug-in
At work we just released another jQuery plug-in called the iButton jQuery Plug-in (which brings the total of open source jQuery plug-ins we've released to four.) This plug-in allows you to generate iPhone-style buttons from checkbox and radio elements. While there are several libraries out there that generated iPhone-style buttons, we couldn't find one that did everything we needed, so I wrote one!

Make an accordion style menu using jQuery
John Resig, creator of jQuery javascript library, has posted an online video about how to make an accordion style menu using jQuery.

JQuery fading menu
Learn how to create a JQuery navigation with a fading image hover effect. Complete step by step guide.

Introduction to jQuery UI
The jQuery UI project was originally created to bring you a set of "official" jQuery plugins. Mature components from the plugins repository were pulled together to form the first release of jQuery UI. But since each of these plugins had its own style, having been written by different authors...

Creating Instagram-Style Photo Filters With jQuery
In this tutorial I want to demonstrate how to build a simple Instagram-style filter webapp using jQuery. The library is called CamanJS which is easily extendable to create your own filter plugins. This doesn’t require jQuery but I’ve chosen to use it for a simpler development environment. Take a look at my live sample demo to understand the goal of this tutorial.

A Faster More Flexible Way to Write jQuery CSS
We all know that its better to assign an ID or Class to an element that references a style sheet via jQuery, but there are some cases where styling or even animating your element with jQuery is necessary.

LavaLamp Menu with jQuery
A step by step tutorial to create a LavaLamp menu using a plugin for the amazing jQuery javascript library.

JQuery sliding menu
Learn how to create a button with a built in JQuery sliding menu. Complete step-by-step. Example Included.

Styling an HTML page using jQuery
jQuery uses CSS1, 2 and parts of CSS3 at the heart of all it’s queries, just in the same way you would use CSS to target an element or group of elements to style.

Getting Started with jQuery
Find out how to start coding with the jQuery JavaScript library. Shows how to install jQuery, and explores jQuery objects and the jQuery() function. Example code included.

Build your own jQuery plugins
This tutorial will take you step by step through creating your very own truncation plugin.

Jquery CSS Style Switcher
This tutorial will explain how to create a better jQuery stylesheet switcher. We'll simply change some colours for the user.

A Colorful Clock With CSS & jQuery
This week we are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year. This is also the first tutorial that features our first very own jQuery plug-in – tzineClock (soon to be released officially in a post of its own). Go ahead, download the demo files and continue with step one.

Adding jQuery to your Webiste
Adding jQuery to your website is much like any Javascript file. When you want to use it in your website, you must reference that file in order to use it. Just like how you reference a CSS style sheets but instead of the tag you must use the tag. Here is a HTML markup using the jQuery file.

jQuery Plugin Development Pattern
I've been developing jQuery plugins for quite a while now, and I've become rather comfortable with a particular style of plugin development for my scripts. This article is meant to share the pattern that I've found especially useful for plugin authoring. It assumes you already have an understanding of plugin development for jQuery.

Ajax with JQuery - An Introduction with jQuery
jQuery is a well-known and famous lightweight, fast and concise JavaScript Library. jQuery simplifies various task for us like HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is great library to reduce our JavaScript coding so they quote "jQuery: The Write Less, Do More".

Animated Scrolling with jQuery
A few weeks ago I wrote about how to use jQuery and a couple modules from the Interface plugin suite to automatically have same-page links scroll to their target location when clicked. Well, now that jQuery 1.2 is out, we can do the same thing with jQuery core alone.