Best jQuery Forms Plugins & Tutorials with Demo

ToggleSlide jQuery Select box

ToggleSlide jQuery Select box

In jQuery, working with select box required some additional knowledge and interaction with jQuery. You may have some problem manipulating select box during your web development on jQuery. In this plugins you can solve this without any additional plugin to kill efficiency.

Dynamically adding form inputs and submit using jQuery

Dynamically adding form inputs and submit using jQuery

You may find a need to allow the user to dynamically add or remove text inputs from your application. This is relatively easy to do using jQuery and using arrays to submit the form data to a PHP page. This tutorial runs through setting up the form with the controls to add, remove and reset the form fields as well as preparing the form variables to be sent using AJAX.

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

How To Create a Cute Popup Bar With HTML5, CSS3 and jQuery

We’ll be creating a bar that pops up at the top of a page, and stays above the content (similar to ‘hellobar’). The popup bar was only tested in Chrome and Safari and may not work in other browsers. The bar can be used to display information, for example your latest blog post, to the user.

The way the bar pops out at the top makes sure it’ll be seen. And after the visitor has seen the information, he/she has the option to hide the bar.

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.