14 jQuery Plugins To Improve Forms Usability And Appeal

In this post i have collected 14 jQuery plugins to improve forms usability and make them visually more appealing to your user.



Smart Forms

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. All form elements are built prurely with CSS3 + HTML5 (no images) and enhanced with jQuery, features AJAX processing, built on a fluid 12 column grid, 5 working AJAX PHP forms with CAPTCHA included, and can be used to build any kind of Web Forms quickly whether simple or complex, without special CSS and HTML, jQuery and PHP coding knowledge.

smart-form-5

Sky Forms Pro

Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers. It allows you to create forms of any complexity and for any needs: login, registration, contacts, review, order, comment, checkout, etc.

skyform-6

Parsley

Parsley is a javascript form validation library. It helps you provide your users feedback on their form submission before sending it to your server. It saves you bandwidth, server load and it saves time for your user.

parsley-1

Validetta

Validetta is jQuery plugin which you can do client-side validation of your forms. It aims to decrease your burden with easy usage and flexible structure.

formplgn-2

Progression.js

A jQuery plugin that gives users real time hints & progress updates as they complete forms.

prgressjs-3

jCryption

In short words jCryption is a javascript HTML-Form encryption plugin, which encrypts the POST/GET-Data that will be sent when you submit a form.

jCryption-4

PassReview

PassReview is a jQuery plugin that allows you to easily integrate powerful password validation into your forms.

passreview-7

autoNumeric

autoNumeric 1.9.22 is a jQuery plugin that automatically formats currency and numbers as you type on form inputs. It supports most International numeric formats and currency signs including those used in Europe, North and South America, Asia and India lakhs.

autonumeric-8

Masked Input Plugin

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

jquerymask-9

iCheck

iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

icheck-9

jQuery Autosize

Small jQuery plugin to allow dynamic resizing of textarea height, so that it grows as based on visitor input.

jqueryautosize-11

MotionCaptcha

MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas. At the moment, it’s just a proof-of-concept – it only uses client-side gesture recognition, and doesn’t really have IE support.

MotionCAPTCHA-12

jQuery Impromptu

jQuery Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. More or less this is a great replacement for an alert, prompt, and confirm. Not only does it replace these but it also allows for creating forms within these controls.

iprompt-13

jQuery Label Better

jQuery Label Better will let you create a beautiful unobtrusive label for your form’s input fields. The uniqueness about this plugin is that all you have to do is add a placeholder text.

label-better-14

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.