WEB DEV

ABOUT VISION WIDGET

Delivers a daily balance of inspiration across web design, graphic design, web development, jquery, photography, web plugins, wordpress themes, identity dranding design and more than for designers. If any images or content appear on site is violation or copyright please inform us on (visionwidget$gmail.com).

40 Examples of jQuery Form Plugins (updated version)

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. The primary objective of a web form is to collect user input. With different type of form elements  to represent the input we expected from users. For example, here’s a collection of 40 best jQuery form enhancement.

Update 10 new plugins For Responsive Design

jQuery Form Generator

jQuery Form Generator is a terrific form tool! Designing jquery modal forms with jQuery on-fly validation has never been easier and fun as it is with jQuery Form Maker. It features a drag-n-drop GUI, no-coding, stylish jQuery form skins, pure CSS style form elements, and anti-spam Google capture.

bootstrap-forms-validation

Highlight

jQuery Highlight plugin highlight currently active row in a form. This makes it more user friendly especially in larger screens and smaller screens. The highlighting can be toggled on click.

02 highlight

 

Uploadify

An important part of forms is file uploading. With the advanced HTML5 File API and other browser technologies, file uploading is very responsive now.

05 uploadify

Inline Form Validation

Validation is an important step in form submission. Client side validation ensures fast validation. It also reduces number of client server requests.

08 inline form validation

Pickadate.js

It is always suggested to use a datepicker for the user to enter a date input. This reduces the format error of dates. Also we can restrict the user from selecting a past date if needed.

09 pickadate

Switch Button

Switchbutton gives you an advanced checkbox with on and off state. It has a beautiful sliding on and off transition. The design of switchbutton is inspired by iphone styles. It requires jQuery 1.6+ for working.

10 jquery switchbutton

Uniform.js

Different browsers render form input elements differently. To obtain a cross browser uniform styling use uniform.js. It styles most of the input elements like buttons, select, checkbox, radio etc. It requires jQuery 1.6+ for working.

11 uniformjs

jQTransform

jQTransform is a form styling plugin. It is licensed under GPL License. The form styling can be further customized by editing the associated css file. The plugin works in almost all browsers even in IE6.

12 jqtransform

Chosen

You might have seen multiple select as shown above in facebook. It allows users to select options using an autocomplete form. Once the user selects a value it is added to the list.

13 chosen

Ideal Forms

Ideal forms is a smaller, faster and extensible jQuery form plugin. It works in IE9+ and in all modern browsers. It is licensed under GPL or MIT License. The plugin has in inbuilt validation. It is responsive and works in all screens.

14 ideal forms

Credit Card Validation

15 credit card validation

1. Uniform is a jQuery plugin that allow you to easily customize the look and feel of your form elements.

Uniform

 

2. jQuery Autosave: This plugin will autosave the progress of form fields using cookies so nothing will be lost.

jQuery Autosave

 

3. Access Key Highlighter provides various options for highlighting access keys on web forms when the user presses their browser’s access key shortcut key, e.g. Alt in Internet Explorer and Safari, Shift+Alt in Firefox.

Access_Key_Highlighter

 

4. Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers

Ajax Fancy Captcha

 

5. AJAX Upload allows you to easily upload multiple files without refreshing the page and use any element to show file selection window.

Ajax upload

 

6. ASM Select provides an enhancement to multiple select boxes that is worth taking a look at.

ASM Select

 

7. Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.

Autocomplete

 

8. Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field,

AutoTab

 

9. Baby Steps provides a simple and easily configurable solution for turning long forms into broken out steps without going from page to page.It works well like a wizard where users can go back and correct inputs if needed.

Baby Steps

 

10. BS Form Accelerator will be able to use Enter or Space buttons in your forms replacing the buttons such as Tab for changing focus in fields just with assigning an ID to the form.

BS Form Accelerator

 

11. Contactable will help you to make jQuery contact forms quickly and easily

contactableHeader

 

12. Datepicker makes it easy to add calendars to date input fields in forms.

Datepicker

 

13. meioMask – a jQuery Mask Form Input Plugin is a simple to use plugin for creating and applying maskstot text input fields.

Form Input Plugin

 

14. In-Field Labels jQuery 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.

infield

 

15. JavaScript Image Combobox Add icons or images to items in a dropdown.

JavaScript_Image_Combobox

 

16. 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.

jCryption

 

17. jqTransform will make it easy to give your forms a more attractive look as compared to the default form.

jqTranform

 

18. jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process.

jQuery Form Plugin

 

19. jQuery Form Validation will validate the information entered into form fields before it is submitted.

jQuery Form Validation

 

20. JQuery Geogoer VChecks Plugin A very user friendly way to show checkboxes.

JQuery Geogoer VChecks Plugin

 

21. jQuery Highlight Plugin increases usability by highlighting elements within a form as you interact with each element. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify.

jQuery Highlight Plugin

 

22. jQuery Comment Preview plugin not only gives site users the chance to preview a comment they have posted, it also allows them to preview it in real time, and it is simply awesome. There is also a MooTools version of this tutorial.

jQuery Comment Preview – Tutorial

 

23. mcDropdown jQuery Plug-in Wanted this control to be intuitive and it had to allow for both quick mouse and keyboard entry.

mcdropdown

 

24. Password Validation jQuery plugin extends the jQuery validation plugin by providing two components: A function that rates passwords for factors like mixed upper/lower case.

Password Validation

 

24. Emblematiq Niceforms You basically know a web form when you see one as they always look the same and they’ve kept this look over the years.

Emblematiq_Niceforms

 

25. Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language.

uploadify-jquery-plugin

 

26. Textarea Resizer allows the user to extend the textarea element/area within the web page whenever they feel.

jquery-dynamic-textarea

 

27. jQuery Dropdown Checkbox List Plugin One of the users of the dropdown-check-list plugin added a patch containing an update to take into consideration the optgroup tags, part of the select HTML element.

jQuery_Dropdown_Checkbox

Sponsors Adverts

POPULAR Articles

Written on 08/04/2014, 00:04
A family of thirty precision-crafted vector glyphs. Elegant. Simple. Modern. The modern minimal glyphs were created as a humble set of icons...
Written on 15/04/2014, 00:28
Here collection of logo mockups for free download will helpful save time for logo and graphical designers to making a new logo when inspiring ideas from...
Written on 17/04/2014, 10:59
If you are searching for free html5 and css3 responsive website templates to boost your website functionality, took a little extra time to see templates...
Written on 09/04/2014, 11:39
When we come to designing, we have to implement a lot of styling features. Whether it would be a logo design or any kind of poster making , efforts are...
Written on 09/04/2014, 10:54
Brand identity in the pre-established brand positioning is very critical stage; only a clear positioning and consumers can have emotional side of the...
Written on 07/04/2014, 23:13
With the following powerful and elegant jQuery notification plugins that easy to create alert,success,error,warning,information and confirmation...
Written on 09/06/2014, 07:07
The occupation of rocinha a notorious hillside "favela" that overlooks some of rio's swankiest areas is a crucial part of the city's preparations to...
Written on 05/06/2014, 08:15
Flat elements is became a popular search keyword and triggered wide web designers and ui developers academic research, Also vital to...
Written on 11/06/2014, 08:24
Developing the logo design concept is where creativity comes into play, this is where the designer must create the logo by using the design brief and...

create-your-own-jquery-plugin

30 Best Examples of Free jQuery Content Sliders

jQuery developers and designers widely use content slider scripts to create various and flexible effects on the images. It's great idears for getting into the business to displays products let the memory in customers mind through the visual image galleries.

30 jQuery Free Photo Albums with Tutorials

This post includes essential tutorials for photo galleries in many styles so they could perfectly fit your sites, running smoothly and seamlessly. all of these jQuery/CSS3 photo gallery tutorials certainly incorporate the CSS.

12 jQuery CAPTCHA Plugin with Tutorial

CAPTCHA is designed to recognize the difference between a bot and human and sometimes even malicious software to provide the security to your system.

new-photoshop-tutorials

60 Free Adobe After Effects Text Effects Tutorials

Whether you're a beginner, intermediate or expert, you're sure to find what you're looking for in our great collection of After Effects tutorials from around the web with tutorials for people wanting to learn about Adobe's 3D, motion graphics and animation software.

50 Autodesk 3DS Max Tutorials for Beginners

The list is composed of several Autodesk 3ds Max techniques that you may need to use in creating 3D graphics with the help of other software like Photoshop, Zbrush and special plugin like V-ray to enhance the result.

20 Adobe Fireworks Tutorials for Web Design

We have collected some useful and fresh tutorials on Adobe Fireworks including generating PDFs, exporting CSS based layouts and a variety of other things that you can explore.

full-template-with-cms-skins

60 Elegant Responsive Free Drupal 7/8 Themes

Showcase very modern and professional Free Drupal 7 theme giving your endless possibilities. All those Drupal 7 themes are free to download and has a very clean, minimal and elegant design perfect for any corporate business, portfolio or blog site.

20 Fantastic Responsive Free Joomla 2.5/3 Templates

You’ll find best Latest Free Joomla! 2.5 and Joomla! 3 Templates Around because We all know that we’re going to use our blog as a tool to promote our business, so we need to have a clean, professional, corporate look.

20 Response FREE Wordpress Themes Releases IN 2014

In this article I want to showcase best 20 free Response Wordpress blog themes released in 2014. I hope these themes will fit your needs.