25 jQuery Tutorials for Creating and Working with Forms
By Steven Snell | Published February 21st, 2010 in TutorialsA 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
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:
[...] 25 jQuery Tutorials for Creating and Working with Forms February 21st, 2010 [...]
I have used a few plug ins for forms, but I had yet to find a validation plug in I was happy with till I found http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
By far the easiet plug in I;ve worked with for forms.
Great post, I was actually looking for something like this. I have also found a nice post on styling your forms with jQuery: checkboxes, dropdown menus … etc – http://pixelmatrixdesign.com/uniform/
Check out http://blog.computer-service-mallorca.com/2010/02/09/jquery-form-wizard-with-inline-validation-extended-version/ which is using
jQuery Inline Validation 1.6.3 and the cool FormToWizard from Janko.
Great list of jQuery form tutorials. These will definitely come in handy when I get a chance to use jQuery on my websites. Thanks for sharing.
Great post. I hate dealing with forms and there look to be some great tips that I will have to check out. THANKS!
Apple Style Search Suggestion is awesome.. thanks for sharing it.
[...] 25 jQuery Tutorials for Creating and Working with Forms – DesignM.ag [...]
Great post, Steven. I was just going to begin researching some different ways to implement jQuery with forms.
[...] 25 jQuery Plug-ins for Working with Forms 25 jQuery Tutorials for Creating Forms [...]
lifesaver! do i need to say more? thanks for putting this together! jq here i come.
[...] 25 jQuery Tutorials for Creating and Working with Forms – DesignM.ag Really nice Tutorials for working with Forms – jQuery (tags: jquery forms tutorials javascript tutorial webdev webdesign inspiration) [...]
[...] 25 jQuery Tutorials for Creating and Working with Forms – DesignM.ag (tags: jquery forms tutorials) [...]
Thanks for mentioning my “Checking Username Availability with Ajax Using jQuery” tutorial.
[...] jQuery forms [...]
thanks buddy! bookmarked
Thanks for this article !!
jQuery Tutorial: Selecting Multiple Select Form Elements on the Fly—useful to me!