Creating a Digg style signup form with jQuery

Creating a Digg style signup form with jQuery

Digg.com is one of the most popular social networking sites, allowing you to discover and share the content all over the web. In this tutorial we are going to simulate their signup form, with unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages. How this form works? When an input field receives focus, a tooltip with a small blue icon is shown under it. On the other hand, if validation fails, an error message is shown in the same place. Both cases are shown on the screenshot below.

If you want to know more and download the source follow the link

http://designshack.co.uk/tutorials/creating-a-digg-style-sign-up-form

Demo

http://www.designshack.co.uk/tutorialexamples/diggform/

Download

http://www.designshack.co.uk/tutorialexamples/diggform/diggform.zip

http://dl.dropbox.com/u/3293191/JQUERY/diggform.zip