Best jQuery Form Submit 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)

Munda Forms – Clean, Modern, Responsive Web Forms

Munda Forms - Clean, Modern, Responsive Web Forms

Munda forms is a set of modern, clean form elements suitable for any type of website or form. The package includes 3 working AJAX forms, 5 color variations, 35 HTML demos.

  • Bootstrap grid system
  • 200+ icons
  • jQueryUI widgets: accordion, autocomplete, button, datepicker, dialog, menu, progressbar, selectmenu, slider, spinner, tabs, tooltip.
  • Timepicker, Monthpicker, Input masking
  • Colorpicker
  • Responsive embeded content: Youtube videos, Google maps, Vimeo videos.
  • Star rating
  • Social buttons: 53 brands.
  • CAPTCHA
  • Client side validation
  • Server side validation
  • LESS files

Smart Forms with jQuery Html5 & CSS3

Smart Forms with jQuery Html5 & CSS3

Smart Forms is a responsive professional Form Framework / pack with a clean consistent Form UI. The framework includes a variety of form Widgets such as Datepickers, Timepickers, Monthpickers, Colorpickers, Numeric Steppers, UI Sliders, Google maps, toggle switches validation, masking among other features.

Features:

  • Multiple form inputs
  • File inputs / uploaders
  • CSS3 checkboxes + Radios
  • CSS3 toggle switches
  • CSS3 review & rating
  • Tooltips + vector icons
  • Notification alerts
  • CSS3 multi shape buttons
  • Animated progress bars
  • Simple pricing tables
  • Ajax form processing
  • Input masking
  • PHP CAPTCHA with refresh support
  • 40+ starter templates included
  • Date & time picker widgets

Check File Size Before Form Submit with Html5 & jQuery

Check File Size Before Form Submit with Html5 & jQuery

Checking the file size before submitting the form has always been like a forbidden fruit to us, that’s because there was no easy way to access clients’ file system, which can return the exact size of a file before sending it to the server. Old browsers have no inbuilt capability, and Javascript won’t do it, so normally people would use flash to calculate the file size in HTML upload forms, and most of us just preferred to skip the client part, letting server handle the problem.

But in recent years, the HTML5 is doing wonders for the web browsers. It comes with many features, including the client-side file objects manipulation (File API). Which means we can now throwaway the old methods, and adopt to this new system, which not only returns file properties, but it opens a whole new set of possibilities.

jQuery Contact Tabs Plugin

jQuery Contact Tabs Plugin

A jQuery form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation.

Both “light” and “dark” skins available. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.

Features:

  • Create custom forms with 12 different form elements
  • Submit form via AJAX
  • Display either using slide out tabs or static tabs in your page content.
  • Fully flexible positioning.
  • Position sliding tabs relative to browser window or within the page content.
  • Includes validation options for form input
  • Includes both light & dark skins
  • Includes sample PHP file for sending email via PHP mail or SMTP (using PHP SMTPClient class)
  • Option to load open for slide out tabs.
  • Control order of tabs & select default tab on page load.
  • Show/hide slide out tabs or change active contact tab using external links.

jCryption : jQuery Html5 Form encryption plugin

jCryption : jQuery Html5 Form encryption plugin

This plug-in is used for encrypting the data that is submitted through the GTE and POST methods when a JavaScript HTML form is submitted to the server. This plug-in can be easily installed, used and extended. One amazing feature of the jCryption plug-in is that it does not block the web browser during calculations and helps in rendering 2048 bit encryption of the data.

Garlic.js : jQuery Plugin to persist forms data locally

Garlic.js : jQuery Plugin to persist forms data locally

Garlic.js allows you to automatically persist your forms’ text field values locally, until the form is submitted. This way, your users don’t lose any precious data if they accidentally close their tab or browser.

It strives to have a javascript agnostic interface for UI/UX developers that might want to use it. Just add some data-persist="garlic" in your form tags, and you’re good to go!

dumbFormState.js : jQuery Html5 plugin Automatically saves Form State

dumbFormState.js : jQuery Html5 plugin Automatically saves Form State

This jQuery html5 plugin automatically saves and persists form state on the client-side across page requests without need of server-side state management or cookies. ALL the major browsers support this!

features

  • keeps the state of form entries in browser session or across sessions without cookies
  • able to choose form entries not to persist
  • works across multiple forms and pages
  • automatically persists form data without submit
  • can remove persisted data in a form, a session, local or all
  • plays nicely with your form events
  • fails gracefully on unsupported devices

Slide Submit : A jQuery Plugin For Spam-less Forms

Slide Submit : A jQuery Plugin For Spam-less Forms

Slide Submit is a jQuery plugin which will convert almost any object into a form-submitting or form-enabling slider. Instead of pressing a button, users can slide the slider to submit the form. Or, if you build your form with all of the fields disabled, you can create a slider which behaves like a toggle switch to enable and disable the fields.