
Coding a Guided Registration Form with jQuery

Source: vandelaydesign.com
Steven Snell / (0) / posted 11 months ago / flag this / read more
Techniques for building a usable registration form can be a major factor towards bringing in new users. When you've got an overly complicated form it can scare away so many first time visitors. But a great technique for keeping these people around is coding form hints into the layout.
In this tutorial I want to demonstrate how we can build such an interface with CSS3 and jQuery. We can embed hidden form tips which only display when the user has focused on a particular field. These hints can be used to denote syntax, such as the required length of usernames or passwords. But it's a great usability tactic which livens up even the most dull websites.


related content
News posts
Code an Awesome Registration Form with the Exotico UI Set
Learning jQuery: Submit form PHP Mac style Modal window
CodeIgniter and jQuery – Real Live Search with Pagination
Building an Awesome Navigation Menu with jQuery: Part 1
Part 2: Building an Awesome Navigation Menu with jQuery
Projects
CHANEL Cambon Line Tokyo Press Presentation Stage Design
Inspirations
Scandyna – The Drop – Organically Shaped Speakers


