25 jQuery Tutorials for Creating and Working with Forms

by Steven Snell

on February 21, 2010

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

A few weeks ago we published a collection of jQuery plugins for working with forms. While those plugins can be very useful, there may be times where you would rather learn how to code the solution yourself rather than simply using a plugin. There are a number of quality tutorials available for working with jQuery and forms, and in this post we will feature 25 of them.

jQuery Form Tutorials:

Creating a Slide-in jQuery Contact Form 3.jpg

Creating a Slide-in jQuery Contact Form

Ajax Forms with jQuery

Ajax Forms with jQuery

A Fancy AJAX Contact Form

A Fancy AJAX Contact Form

WordPress and jQuery Contact Form Without a Plugin

WordPress and jQuery Contact Form Without a Plugin

Perfect Signin Dropdown Box Like Twitter with jQuery

Perfect Signin Dropdown Box Like Twitter with jQuery

Creating a Digg-Style Sign Up Form

Creating a Digg-Style Sign Up Form

Build an Incredible Login Form with jQuery

Build an Incredible Login Form with jQuery

Submit a Form Without Page Refresh Using jQuery

Submit a Form Without Page Refresh Using jQuery

Using Form Labels as Text Field Values

Using Form Labels as Text Field Values

Build a Simple Password Strength Checker

Build a Simple Password Strength Checker

Create a Progress Bar with JavaScript

Create a Progress Bar with JavaScript

A Fancy Apple.com-Style Search Suggestion

A Fancy Apple.com-Style Search Suggestion

How to Add Auto Complete to Your Google Custom Search Engine

How to Add Auto Complete to Your Google Custom Search Engine

Improved Current Field Highlighting in Forms

Improved Current Field Highlighting in Forms

jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly

jQuery Tutorial: Selecting Multiple=

Checking Username Availability with Ajax Using jQuery

Checking Username Availability with Ajax Using jQuery

Create a Dynamic Form Preview with jQuery

Create a Dynamic Form Preview with jQuery

Advanced Form Styling & Functionality

Advanced Form Styling & Functionality

Changing Form Input Styles on Focus with jQuery

hanging Form Input Styles on Focus with jQuery

Modal Confirmation Dialog on Form Submit

Modal Confirmation Dialog on Form Submit

PHP Contact Form with jQuery Validation

PHP Contact Form with jQuery Validation

Using jQuery to Validate Forms

Using jQuery to Validate Forms

Form Validation with jQuery from Scratch

Form Validation with jQuery from Scratch

Quick and Easy Form Validation Tutorial with jQuery

Quick and Easy Form Validation Tutorial with jQuery

Simple Image Button Rollovers with jQuery

Simple Image Button Rollovers with jQuery

For more resources please see:

Powered by Shutterstock

About Steven Snell

Stephen Snell is the owner and editor of Vandelay Design. Connect with Stephen on google+