25 jQuery Tutorials for Creating and Working with Forms

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

Ajax Forms with jQuery

A Fancy AJAX Contact Form

WordPress and jQuery Contact Form Without a Plugin

Perfect Signin Dropdown Box Like Twitter with jQuery

Creating a Digg-Style Sign Up Form

Build an Incredible Login Form with jQuery

Submit a Form Without Page Refresh Using jQuery

Using Form Labels as Text Field Values

Build a Simple Password Strength Checker

Create a Progress Bar with JavaScript

A Fancy Apple.com-Style Search Suggestion

How to Add Auto Complete to Your Google Custom Search Engine

Improved Current Field Highlighting in Forms

jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly

Checking Username Availability with Ajax Using jQuery

Create a Dynamic Form Preview with jQuery

Advanced Form Styling & Functionality

Changing Form Input Styles on Focus with jQuery

Modal Confirmation Dialog on Form Submit

PHP Contact Form with jQuery Validation

Using jQuery to Validate Forms

Form Validation with jQuery from Scratch

Quick and Easy Form Validation Tutorial with jQuery

Simple Image Button Rollovers with jQuery

For more resources please see:

• 50 High-Quality Free Fonts for Professional Design
• 11 Great Resources to Find Free Icons
• 35 of the Best Icon Sets for Web Designers
• 35+ Usability Resources for Web Designers