Best jQuery Forms Plugins & Tutorials with Demo

FormValidation : jQuery Powerful Form Validation with Bootstrap

FormValidation : jQuery Powerful Form Validation with Bootstrap

Best jQuery plugin to validate form fields Designed for Bootstrap.

zInput : jQuery Custom Radio buttons & Checkboxes Plugin

zInput : jQuery Custom Radio buttons & Checkboxes Plugin

A jQuery plugin to transform standard HTML radio buttons and checkboxes (with title attributes) into easily clickable elements.

Flexdatalist : jQuery Autocomplete Plugin

Flexdatalist : jQuery Autocomplete Plugin

Flexdatalist is (another) jQuery autocomplete plugin with support for <datalist>.

PopSelect : jQuery plugin to replace Select with Popover

PopSelect : jQuery plugin to replace Select with Popover

A jQuery plugin to replace the traditional <select> box with a sleek Popover with options pre-populated. Better User interface than any other multiselects.

Timon : jQuery Step Form Wizard

Timon : jQuery Step Form Wizard

With Timon – Step Form Wizard you will have power combo of 21 different styles, 8 different transition effects, validation in your step form, titles and subtitles with multiple step. , also Timon – Step Form Wizard has predefined set of form sizes from tiny to large. You can easily create and customize any form to fit your needs.

Features:

  • Step navigation
  • Fully responsive
  • Many options for design and function
  • Can be used for tabs
  • Step navigation
  • 21 Style
  • 8 transition effect

Select.js : Styleable Select Elements

Select.js : Styleable Select Elements

Select.js is a Javascript and CSS library for creating styleable select elements. It aims to reproduce the behavior of native controls as much as is possible, while allowing for complete styling with CSS.

Textarea Tabbing – Code based tabs with jQuery

Textarea Tabbing – Code based tabs with jQuery

Recently I was working on a project that let users edit some source code in a HTML textarea box and send it back to us, so to provide some simple functionality and formatting whilst editing code in a textarea I needed to find a way to mimic tab based behaviour from a text editor.

Inspirational Input Focus & Placeholder Effects with CSS3

Inspirational Input Focus & Placeholder Effects

In this tutorial, you see input border, background, placeholder effects on focus. And also see placeholder move as a label on input focus.

Pure CSS Select Styling

Pure CSS Select Styling

CSS styling of select component without JS, and using inline SVGs for the arrow symbol. The idea is to get rid of the need of using JS / JQuery for a decent select styling. Using inline SVG files to avoid extra requests to the server and a good visualization quality in retina displays.

jQuery Multi-Step Wizard Form : formToWizard

jQuery Multi-Step Wizard Form : formToWizard

Turn any webform into multi-step wizard with jQuery.



Best jQuery websites design awards