Best jQuery Forms Plugins & Tutorials with Demo

    jQuery Form Wizard Plugin

    jQuery Form Wizard Plugin

    The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps.

    How to Build Cross-Browser HTML5 Forms with jQuery

    How to Build Cross-Browser HTML5 Forms with jQuery

    In this pedagogical tutorial, you are going to take a look at how to serve HTML5 forms to modern browsers, while compensating for older browsers by using a mix of Webforms2, Modernizr, jQuery UI and assorted jQuery Plugins.

    Uniform good looking forms with jQuery

    Uniform good looking forms with jQuery

    Uniform is a jQuery plugin that helps you create beautiful themed form elements.

    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