Best jQuery Forms Plugins & Tutorials with Demo

    Carbon Fiber Signup Form With PHP, jQuery and CSS3

    Carbon Fiber Signup Form With PHP, jQuery and CSS3

    A carbon fiber – style form, build using progressive enhancement. This means that we first ensure that the form works well without JavaScript and fancy CSS support (think of IE6 here) and later move on by layering over cool styling, AJAX and jQuery magic.

    jqTransform a jQuery form styling plugin

    jqTransform a jQuery form styling plugin

    This plugin is a jQuery styling plugin wich allows you to skin form elements.

    Exposure – jQuery image gallery plugin

    Exposure - jQuery image gallery plugin

    Exposure is an image viewing plugin for the jQuery JavaScript library. It includes a thumbnail list with paging, shows captions, and has also incorporates full screen modal slideshow. It uses some of the core functionality of Exposure, like keyboard and click through navigation, and also includes a nice and smooth custom cross-fade transition effect.

    Formly – the jQuery form glamorizer

    Formly – the jQuery form glamorizer

    An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.This is easy way to add cool looking of any your forms. Also it possible to add validation (from user side) to your forms too.

    In-Field Labels jQuery Plugin

    In-Field Labels jQuery Plugin

    In-Field Labels is a simple jQuery plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

    Redesigning the jQuery Country Selector

    Redesigning the jQuery Country Selector

    During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user’s tab-flow.

    Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization.

    ALAJAX – a jQuery plugin for ajax auto form sending

    ALAJAX - a jQuery plugin for ajax auto form sending

    ALAJAX is a jQuery plugin that converts a normal HTML form into Ajax by only including the script. It sends the form by AJAX to the URL given in “action” property of the form. Also, the plugin uses the “method” property to use POST or GET method.

    Chained AJAX Selects in jQuery

    Chained AJAX Selects in jQuery

    In today’s tutorial, we will build a set of chained select elements. Selecting an option in one of them will trigger an update on the page, showing you more choices to refine your selection. We will describe the options server side with PHP, so it is easy for you to hook today’s example to a database.

    jTable A JQuery plugin to create AJAX based CRUD tables

    jTable A JQuery plugin to create AJAX based CRUD tables

    jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. It has several features including:

    • Automatically creates HTML table and loads records from server using AJAX.
    • Creates ‘create new record’ jQueryUI dialog form. When user creates a record, it sends data to server using AJAX and adds the same record to the table in the page.
    • Creates ‘edit record’ jQueryUI dialog form. When user edits a record, it updates server using AJAX and updates all cells on the table in the page.

    jQuery ComboGrid Plugin

    jQuery ComboGrid Plugin

    ComboGrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. ComboGrid provides keyboard navigation support for selecting an item.