Best jQuery Forms Plugins & Tutorials with Demo

jQuery password Generator Plugin

jQuery password Generator Plugin

With this jQuery plugin you can easily generate different password with very high level of security.

SmartWizard : jQuery Step Wizard Plugin

SmartWizard : jQuery Step Wizard Plugin

Smart Wizard is a flexible and heavily customizable jQuery step wizard plugin with Bootstrap support. It is easy to implement and gives a neat and stylish interface for your forms, checkout screen, registration steps etc. Based on the feedback from our users over the past years we have come up with the best ever built jQuery wizard plugin of all time.

Features:

  • Bootstrap support
  • Responsive themes
  • Heavily customizable toolbar, option to add extra buttons
  • Theme support with various themes included
  • Customizable css styles
  • Url navigation and step selection
  • Public methods for external function call
  • Enhanced event support
  • In-built wizard reset method
  • Ajax content loading with option to specify individual url for steps
  • Keyboard navigation

Contact Form to Google Spreadsheet with jQuery

Contact Form to Google Spreadsheet with jQuery

Create Contact Form in HTML and submit the data to Google Spreadsheet. Google re-captcha has been integrated to protect forms to be submitted by robots. Check the demo and documentation for more details.

Features:

  • Google Spreadsheet as database: Uses Google Spreadsheet to capture form responses. New responses can be appended at the top.
  • Simple Form: Designed with simple HTML5, CSS3 and bootstrap.
  • Protection: Google re-captcha to prevent spamming.
  • Customization: You can customize the form according to your own requirement.
  • Look and feel: Bootstrap two column layout, responsive. Shows status loader when the form is being submitted.
  • Notification: Can send notification email to the admin with submitted form data.

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.


Best jQuery websites design awards