by jQuery

50+ jQuery Plugins for Validation, Uploading, Date Pickers, Auto-Suggest and Password Security

jQuery Powerful Plugins

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It’s have Ajax interactions for rapid web development with the powerful scripting language that it represents (JavaScript) you can do amazing things. Sometimes you have to take a closer look to find out what is powering all of those smooth animations. jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects.
You may be interested in the following modern trends related articles as well.

Please feel free to join us and you are always welcome to share your thoughts even if you have more reference links related to other tips and tricks that our readers may like.
Don’t forget to Subscribe to our RSS-feed subscribe to our RSS-feed and
Follow us on Twitter follow us on Twitter — for recent updates.

Here is a List of 50+ jQuery Plugins for Validation, Uploading, Date Pickers, Auto-Suggest and Password Security. Enjoy!

jQuery File Upload Plugins

Ajax File Upload

Ajax File Upload - jQuery Form Plugin
Basically show how the Ajax File Upload works. For security reason, your selected file will be removed immediately after being uploaded.
Ajax File Upload

jQuery Powerful Uploader

jQuery Powerful Uploader - jQuery Form Plugin
jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.
jQuery Powerful Uploader

Form Functionality Plugins

jQuery Heighlight Validation

jQuery Heighlight Validation - jQuery Form Plugin
A single line of jQuery to select the form and apply the validation plugin. And a bit of metadata on each element to specify the validation rules.
jQuery Heighlight Validation

Simple jQuery form validation

 - jQuery Form Plugin
The form goes nowhere, but shows some form input validators both serverside and browserside. Incorrect values range from 0-6 characters and 12+ characters. Additional validations can easily be added The server returns a JSON object which the script eval’s
Simple jQuery form validation

Elastic – Make your textareas grow

Elastic – Make your textareas grow - jQuery Form Plugin
This jQuery plugin makes your textareas grow and shrink to fit it’s content. It was inspired by the auto growing textareas from Facebook.
Elastic – Make your textareas grow

jQuery “Highlight” Plugin

jQuery 'Highlight' Plugin - jQuery Form Plugin
Highlight increases usability of forms by highlighting the elements as you interact with the page. Its primary use is for forms, but it can also be used for tables, lists, or any element that you specify.
jQuery “Highlight” Plugin

Autotab: jQuery Auto-Tabbing and Filtering

Autotab: jQuery Auto-Tabbing and Filtering - jQuery Form Plugin
Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element.
Autotab: jQuery Auto-Tabbing and Filtering

Ajax Fancy Captcha

Ajax Fancy Captcha - jQuery Form Plugin
Ajax Fancy Captcha helps you protect your web pages from bots and spammers by using a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop a specified item into a circle.
Ajax Fancy Captcha

jQuery NobleCount

jQuery NobleCount - jQuery Form Plugin
NobleCount gives you a dynamic display of the number of characters remaining in a textarea, Twitter-style.
jQuery NobleCount

Password Strength Indicator and Generator

Password Strength Indicator and Generator - jQuery Form Plugin
The Password Strength Indicator and Generator plugin lets you set the class of an element so that you can do a graphical representation of the strength.
Password Strength Indicator and Generator

FormToWizard Plugin

FormToWizard Plugin - jQuery Form Plugin
The FormToWizard plugin allows you to turn any form into a powerful wizard with jQuery with “steps left” information.
FormToWizard Plugin

Sliding Labels – jQuery Form Plugin

Sliding Labels - jQuery Form Plugin
Sliding Labels – jQuery Form Plugin

ToggleVal

ToggleVal - jQuery Form Plugin
ToggleVal gives you the option to populate the default text of form fields (in a few different ways), and will then toggle the default value when the field receives and loses keyboard focus.
ToggleVal

jQuery AlphaNumeric

jQuery AlphaNumeric - jQuery Form Plugin
jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.
jQuery AlphaNumeric

Form Encyription and Password Security

jCryption

jCryption - jQuery Form Plugin
jCryption is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms.
Normally, when you submit a form, data will be sent in plain text if no SSL is used. But SSL is not supported by every webhost nor it’s easy to install/apply at times. So in this situation the jCryption plugin helps you to encrypt your data with ease.
jCryption

Password Validation Plugin

Password Validation Plugin - jQuery Form Plugin
This plugin offers a function that rates passwords for factors like mixed upper/lower case, mix of characters (digits, special characters), length and similarity to a username (optional) and gives a custom method for the validation plugin that uses the rating function to display a password strength meter, requiring the field to have a “good” rating.
Password Validation Plugin

Password Strength – Estimates brute force time

Password Strength – Estimates brute force time - jQuery Form  Plugin
Password Strength tries to calculate how many possibilities the hacker needs to try to guess your password. It makes the assumption that it is possible to test 2800 million passwords per second.
Password Strength

Password Strength Meter v2

Password Strength Meter v2 - jQuery Form Plugin
The Password Strength Meter works by presenting a global variable score and at the end of the algorithm the plugin will decide the passwords strength according to the score value.
Password Strength Meter v2

Form Mask Plugin

Masked Input Plugin

Masked Input Plugin - jQuery Form Plugin
The Masked Input Plugin allows a user to easily enter fixed width input fields where you would like them to enter the data in a certain format (dates,phone numbers, etc).
Masked Input Plugin

autoNumeric()

autoNumeric() - jQuery Form Plugin
autoNumeric() is a flexible International numeric formatter, that will automatically place a thousand separator as you type and supports nine different rounding methods.
autoNumeric()

Form Upload Plugins

AJAX Upload

AJAX Upload - jQuery Form Plugin
AJAX Upload allows you to easily upload multiple files without refreshing the page and can use any element to show the file selection window.
AJAX Upload

jqUploader: jQuery Plugin for File Upload and Progressbar

jqUploader: jQuery Plugin for File Upload and Progressbar - jQuery  Form Plugin
jqUploader is a plugin that substitutes the html file input fields with a flash-based file upload widget, allowing you to display a progressbar and percentage.
jqUploader

Uploadify

Uploadify - jQuery Form Plugin
Uploadify is a plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.
Uploadify

jQuery Uploadprogress Plugin

jQuery Uploadprogress Plugin - jQuery Form Plugin
This plugin will augment a standard file upload form with a transparent background upload and add a progress meter that will keep you graphically informed.
jQuery Uploadprogress

Form Skinning and Customisation

jQuery Checkbox

jQuery Checkbox - jQuery Form Plugin
The jQuery Checkbox plugin is a lightweight custom styled checkbox implementation that can also work with radio buttons.
jQuery Checkbox

Jqtransform – jQuery form plugin

Jqtransform - jQuery form plugin - jQuery Form Plugin
This plugin is a jQuery styling plugin which allows you to skin form elements with relative ease.
Jqtransform

In-Field Labels jQuery Plugin

In-Field Labels jQuery Plugin - jQuery Form Plugin
This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.
In-Field Labels jQuery Plugin

Niceforms

Niceforms - jQuery Form Plugin
Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
Niceforms

jNice

jNice - jQuery Form Plugin
jNice makes it easy to style rough and simple html forms into beautiful web forms, checkboxes, input elements and selectboxes by creating custom looking form elements, that function just like normal form elements.
jNice

Uniform – Sexy forms with jQuery

Uniform - Sexy forms with jQuery - jQuery Form Plugin
Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
Uniform

prettyCheckboxes

prettyCheckboxes - jQuery Form Plugin
prettyCheckboxes is for developers who wants to maintain a consistent style for checkboxes across all browsers. By using this script you wont loose any regular input usability.
prettyCheckboxes

Form Select and Combo Boxes

jquery.combobox

jquery.combobox - jQuery Form Plugin
jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
jquery.combobox

JavaScript Image Combobox

JavaScript Image Combobox - jQuery Form Plugin
The fully skinnable Image Combobox plugin allows you to add an icon with each option that works with your existing “select” element.
JavaScript Image Combobox

SelectBox Plug-in

SelectBox Plug-in - jQuery Form Plugin
SelectBox Plug-in

Two Sided Multi Selector

jQuery Two Sided Multi Selector - jQuery Form Plugin
This plugin converts a multi select list into a two-sided multi-select list. This means you display a list of options in the left hand box and items you select are moved into the right hand box.
Two Sided Multi Selector

flexselect

flexselect - jQuery Form Plugin
flexselect takes the select box, and creates a hidden input element to track the associated value and creates a text input for the selection. It uses the LiquidMetal scoring algorithm to narrow the selection.
flexselect

Form Time and Date Pickers

jQuery.timepickr.js

jQuery.timepickr.js - jQuery Form Plugin
jQuery.timepickr.js has been developed in a attempt to make the process of inputing time in a form as easy and natural as possible.
jQuery.timepickr.js

DatePicker

DatePicker - jQuery Form Plugin
DatePicker is a feature rich and easy to customize plugin that allows for single, multiple or range selection dates.
DatePicker

jQuery datePicker

jQuery datePicker - jQuery Form Plugin
This is a clean, flexible and unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages.
jQuery datePicker

jQuery Week Calendar

jQuery Week Calendar - jQuery Form Plugin
The jQuery Week Calendar plugin provides a simple and flexible way of including a weekly calendar in your application and has been inspired by other online weekly calendars such as Google calendar.
jQuery Week Calendar

Form Auto-Suggest

AutoSuggest

AutoSuggest - jQuery Form Plugin
AutoSuggest is a lightweight jQuery plugin that will will dynamically create all the HTML elements that is needed for turning any regular text input box into an auto-complete box.
AutoSuggest

Autocomplete

Autocomplete - jQuery Form Plugin
By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.
Autocomplete

Ajax Autocomplete

Ajax Autocomplete for jQuery - jQuery Form Plugin
Ajax Autocomplete allows you to easily create autocomplete/autosuggest boxes for text input fields with every query result being cached and pulled from local cache for the same repeating query. If there are no results for a particular query it stops sending requests to the server for other queries with the same root.
Ajax Autocomplete

FaceBook Like – jQuery and autosuggest Search Engine

FaceBook Like – jQuery and autosuggest Search Engine - jQuery Form  Plugin
FaceBook Like is a powerful jQuery plugin that transform an input field into a real time autocompletion search engine, designed, as the name suggests, similiar to the one on Facebook.
FaceBook LikePlugin

Form Validation Plugins

A jQuery inline form validation, because validation is a mess

A jQuery inline form validation, because validation is a mess -  jQuery Form Plugin
When an error needs to be displayed, this script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corners and shadows are pure CSS3 and degrade well in non compliant browsers.

Validation

Validation - jQuery Form Plugin
The Validation plugin is one of the oldest jQuery plugins (started in July 2006) available that has proved itself due to reliabilty, ease of use and extensive docs.
Validation

Highly Customizable Yet Simple Form Validation

Highly Customizable Yet Simple Form Validation - jQuery Form  Plugin
With this highly customizable plugin the user can set his own class to define the rule, set events onError and OnValid for a particular class and you can also add their own effects, may be jquery animate().
Highly Customizable Form Validation

LiveValidation – Validation as you type

LiveValidation - Validation as you type - jQuery Form Plugin
LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time.
LiveValidation

Ketchup Plugin

Ketchup Plugin - jQuery Form Plugin
Ketchup Plugin is a slim jQuery Plugin that validates your forms. It aims to be very flexible and extendable for its appearance and functionality.
Ketchup Plugin

jTip – The Jquery Tool Tip

jTip - The Jquery Tool Tip - jQuery Form Plugin
jTip pulls content into a tool tip using the HttpXMLRequest object. By adding a class attribute value of “jTip” to a link element you can create a tooltip from the content found in the file the href is pointing too.
jTip

jQuery Live Form Validation

jQuery Live Form Validation - jQuery Form Plugin
This plugin helps you to easily create form validations with high flexibility and is a packaged with a huge set of options.
jQuery Live Form Validation

Valid8 – An input field validation plugin

Valid8 – An input field validation plugin for Jquery - jQuery Form  Plugin
Valid8 solves both simple and complex validation scenarios. Everything from a basic required field to regular expressions, ajax requests and arbitrary javascript functions.
Valid8 – An input field validation plugin

jVal – jQuery Form Field Validation Plugin

jVal - jQuery Form Field Validation Plugin - jQuery Form Plugin
jVal is a jQuery form field validation plugin that provides an appealing animated message flyout that doesn’t impede form layout/design while being user-friendly.
jVal

The Original jQuery Plugin

jQuery Form Plugin

jQuery Form Plugin - jQuery Form Plugin
And if all of the rest of the plugins on this page can’t help, you can always rely on the original jQuery form plugin:
jQuery Form Plugin
Advertisements
 
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

clippingimages Jul 6, 2010

These plug-ins are really cool.

Keep posting stuff like this i really like it

crisboot Aug 29, 2010

Awesome!

Jones Oct 1, 2010

thanks for nice and helpful post.

Delphia Carron Oct 31, 2010

mondo almanac you’ve pick up

guest Nov 30, 2010
Oren Sharples Dec 14, 2010

hello all, I was just checkin’ out this site and I really like the basis of the article, and have nothing to do, so if anyone would like to to have an enjoyable discussion about it, please contact me on AIM, my name is joe smith

Mathematician Salary May 5, 2011

Great list you have here. Thanks a lot for sharing!

Eddie Jun 1, 2011

The best list i have seen! great recopilation, very usefull, I love this checkboxes! Thank you!

Trackbacks to this post.
Leave a Reply

Copyright © 2014 Design Blog. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us