Best jQuery Forms Plugins & Tutorials with Demo

Just Forms advanced with jQuery

Just Forms advanced with jQuery

Just Forms advanced – is a form framework that helps you to create any kind of form (classic, multistep, pop up from menu, pop up from bottom, modal, without footer and header) with client side validation.

  • 100+ AJAX JavaScript forms with client side validation
  • 100+ ready to use templates
  • PHP CAPTCHA
  • Date and Time picker
  • Color picker
  • Numeric stepper
  • Sliders
  • Masking input
  • 12 column grid (fully responsive)

Payform : JavaScript Library building Credit card Forms

Payform : JavaScript Library building Credit card Forms

A general purpose library for building credit card forms, validating inputs, and formatting numbers.

Supported card types:

  • Visa
  • MasterCard
  • American Express
  • Diners Club
  • Discover
  • UnionPay
  • JCB
  • Visa Electron
  • Maestro
  • Forbrugsforeningen
  • Dankort

jqFlipSwitch : jQuery Plugin for Flip-Switch

jqFlipSwitch : jQuery Plugin for Flip-Switch

jqFlipSwitch is jQuery Plugin for Flip-Switch.

jQuery Repeatable List Item

jQuery Repeatable List Item

jQuery repeatable list item with doT.js template engine.

Calx : jQuery plugin for building Calculation Form

Calx : jQuery plugin for building Calculation Form

jQuery Calx is an Excel calculation engine and formula parser built as jQuery plugin.

  • Rewrite the internal formula parser and plugin structure.
  • Ability to register new function and override default one.
  • Ability to register variable.
  • Easy graph to represent data in graphical way (additional library required)
  • Add support for string and cell range.
  • Add a lot of excel compatible function (additional library may be required).
  • Add feature to check circular reference, instead of infinite loop which make the page hang up, it’s now alerting error.
  • Add support for server-side function formula, in case you want to hide the calculation algorithm.
  • Add support to change formula, value, format easily without need to write tricky script.

Ideabox : jQuery Multipurpose Step Form

Ideabox : jQuery Multipurpose Step Form

Ideabox is a jQuery plugin for multipurpose step form wizard.

Features:

  • Modern
  • Flat
  • Responsive
  • Easy Install
  • 5 Color Shemes
  • 6 cell grid system
  • Clean Design
  • Form Validation (requred, email,number and confirm validation included)

Inspiration for Text Input Effects 2

Inspiration for Text Input Effects

We’ve updated and added some more effects to the Inspiration for Text Input Ideas. The second set contains some more styles that we thought about and collected after we released the first set about three month ago. The concept is the same: make (subtle) enhancements for text inputs to make them more engaging and fun.

Drag N’ Drop Form-builder for PHP

Drag N' Drop Form-builder for PHP

The Drag N’ Drop form builder provides an easy to use tool for creating an almost infinite configurations for end-user forms. Using the simplicity of drag-and-drop and user experience patterns available in most integrated development environments, you can customize forms in several ways.

 

  • Choose from 11 different draggable fields to create your form
  • Create custom themes easily
  • File-upload control with Amazon S3 cloud integration
  • Export registrant list to an excel spreadsheet
  • Customize required field validation
  • Add tooltips as a help-resource
  • Real-time updating

Labelholder : jQuery Placeholder Plugin as labels for Bootstrap

Labelholder : jQuery Placeholder Plugin as labels for Bootstrap

This jQuery plugin allows you to use placeholders as labels in your Bootstrap forms.

  • It fully supports Bootstrap ~> 3.0
  • No markup changes required if used with Bootstrap
  • It uses :before pseudo-element instead of adding its own element for label
  • It does not change element’s height causing the whole page content to go a bit down
  • And it does not require you to use non-equal paddings

 

Nice Looking Contact Form with CSS & jQuery

Nice Looking Contact Form with CSS & jQuery

A simple and easy to customize contact form. A minimal and customizable snippet to throw a semantic form into your web projects on the fly.