Best jQuery Forms Plugins & Tutorials with Demo

cSelect : jQuery Custom Select Box Plugin

cSelect : jQuery Custom Select Box Plugin

jQuery cSelect is a plugin that creates custom select boxes and uses native select methods.

Hierarchy Select jQuery Plugin for Twitter Bootstrap

Hierarchy Select jQuery Plugin for Twitter Bootstrap

A jQuery hierarchy select plugin used for selecting hierarchy structures in a selectbox format with autocomplete search.

Fileuploader : Beautiful and powerful HTML5 File Uploading Tool

Fileuploader : Beautiful and powerful HTML5 File Uploading Tool

Fileuploader is a beautiful and powerful HTML5 file uploading tool. A jQuery and PHP plugin that transforms the standard file input into a revolutionary and fancy field on your page.

  • File preview with image thumbnail or icon
  • File image thumbnail can be generated in canvas to resize it perfectly for given with and height
  • Render synchron the file preview
  • File icon background is generated from file extension
  • Customize your own input and thumbnail elements
  • Responsive and fancy animations
  • Choose multiple files from different folders
  • Drag&Drop feature
  • Upload each file with Ajax
  • Upload synchron the files
  • Upload progressbar with many data available
  • Start, retry and cancel upload actions
  • Paste images from clipboard (only in Chrome)
  • Validate the file’s limit, size and extension. You can also use your own function
  • Edit mode for already uploaded files
  • All files are in one list in a hidden input
  • Use input HTML attributes to configurate it
  • HTML template renderer using Text variables
  • CSS file icon
  • PHP upload helper
  • PHP generates an array with many file informations
  • PHP can create a custom file name
  • API and more than 24 Callbacks to manipulate freely the appearance and functionality of your file input

SmartMenu : Responsive jQuery Mega Menu

SmartMenu : Responsive jQuery Mega Menu

SmartMenu is a user-friendly, highly customizable and responsive jQuery mega menu plugin. It allows you to use multiple menus with different submenus.

Features:

  • Responsive design
  • Supports multiple instances
  • Horizontal (top, bottom) or Vertical (left, right) menu layouts
  • Mega / Flyout submenus
  • Pure CSS3 animations (fade, slide)
  • 3 ways of dropdown (hover, click, toggle)
  • 7 color skins which can be changed easily
  • Custom mega dropdowns, forms, search bar, social icons or HTML
  • 12 columns fluid grid
  • You can add images, maps or videos

Form Wizard : jQuery Multi Step Form Validation

Form Wizard : jQuery Multi Step Form Validation

Single page 3/4/5 step form with every step script field validation. Multi format and style 144 item Sign up form, Include image uploader system. Using bootStrap responsive and it’s easy to customize for you.

BunnyJS : Browser ES6 framework with JavaScript

BunnyJS : Browser ES6 framework with JavaScript

BunnyJS is a modern Vanilla JS and ES6 library and next-generation front-end framework, package of small stand-alone components without dependencies.

  • No dependencies – can be used in any project anywhere anytime
  • 0 learning curve – you can start right now, just plain JavaScript with simple architecture easy to maintain and extend
  • Designed in mind to build modern, complicated, real world business apps
  • Faster, simpler, enjoyable than any frontend framework
  • Large set of ready components, custom UI elements and utils

SkipOnTab : jQuery Tab order Plugin

SkipOnTab : jQuery Tab order Plugin

A jQuery plugin to exempt selected form fields from the forward tab order.This library is most useful when the users are familiar with the form, and uses it regularly. Casual users may not feel as comfortable – then again, if they are already using the tab button, they might see it as an optimization.

  • exempt selected fields from the forward tab order.
  • include excluded fields in the reverse tab order.

Survey.js : jQuery JSON based Survey Library

Survey.js : jQuery JSON based Survey Library

Survey.js is jQuery JSON based survey library with visual editor and optional service for storing and analyzing data.

Dirrty : jQuery plugin to detect Form Field’s Modification

Dirrty : jQuery plugin to detect Form Field's Modification

Dirrty lightweight jquery plugin to detect if the fields of a form had been modified.
If a field has been modified then the form is dirrty

  • Detect the moment when the form gets dirty, and trigger a custom event, for example enable a “save changes” button
  • Detect the moment when the form gets clean again, and trigger a custom event, for example disable the “save changes” button, cause is not necesary
  • Prompt the user to save changes before leaving if the form is dirty

jQuery Radios to Slider Plugin

jQuery Radios to Slider Plugin

jQuery plugin to create a slider using a list of radio buttons.