Best jQuery Forms Plugins & Tutorials with Demo

Autotab: jQuery auto-tabbing and filter plugin

Autotab: jQuery auto-tabbing and filter plugin

Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element. Likewise, clearing out the text field’s content by pressing backspace eventually places the focus on the elements previous target.
Why jQuery Autotab and not some other auto-tab script?

  • Auto-tabbing behaves logically, in both tabbing forward and tabbing backwards.
  • It allows you to easily change your text in a tab that would otherwise auto-tab away.
  • It can filter text fields, ie. restrict a phone number fields to just numbers.
  • It’s small, fast, easy to load and built on the powerful jQuery library.

Client Testimonials Powered by PHP, XML and jQuery with Demo

Client Testimonials Powered by PHP, XML and jQuery

In this tutorial we are going to build a XML backed testimonial viewer, which, along with jQuery and XSL transformations, can display the set on your product pages.

Fancy jQuery Sliding Form with Demo

Fancy Sliding Form with jQuery

We are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

Contactable – A jQuery Plugin with Demo

Contactable – A jQuery Plugin

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort

jQuery UniqueField plugin with Demo

jQuery UniqueField plugin

jQuery UniqueField plugin is ajax based tool who check availability of usernames, email addresses or etc. Use in your register, sign up or other forms..

Animated Form Switching with jQuery

Animated Form Switching with jQuery

In this tutorial we will create a simple jQuery animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or contracting to the dimensions of the new form.

jQuery Mega Select List with Demo

The jQuery Mega Select List is a plugin that converts large select lists into a mega-menu style list of options. This plugin doesn’t affect your form, posting back the selected value as if the options were being selected in a normal select list. You can animate the mega-select-list using CSS as per this example, or you can have it constantly expanded instead. You can set up the mega-select-list to allow single or multiple selections and in multiple mode can optionally limit the number of selections.