jQuery forms can be incredibly sleek and user friendly at the same time. jQuery form plugins allow for extra effects, such as form validation, autocomplete, password validation and comparison, as well as jQuery tooltips to guide the user through the form completion process.
Having a jQuery form plugin can drastically increase your form’s conversion rate, and help your users have a better overall experience. Here is our roundup of jQuery form plugins, that will help you create a better jQuery form.
If you liked this jQuery form plugin roundup, check out these other free jQuery plugins:
- jQuery Date Picker Plugins: The Best jQuery Calendar Plugins
- Useful jQuery Plugins for Every Project
- 10 Powerful AJAX jQuery File Uploaders
- Sleek jQuery Accordion Menu Plugins and Tutorials
- 30 jQuery WordPress Tutorials and Plugins
- Helpful jQuery Tooltip Plugins
- Awesome jQuery Navigation Menu Tutorials and Plugins
- 30 Awesome jQuery Slider Plugins and Tutorials
- Powerful jQuery Navigation Plugins and Tutorials
jQuery Form Plugin Roundup:
jQuery Form Plugin
The 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. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn’t get any easier than this!
jQuery FormWizard Plugin
The form wizard plugin is a jQuery form plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps.
jQuery StickyForms Plugin
StickyForms is a jQuery form plugin that automatically saves all form fields into cookies, and then autofills those values on any form that shares element IDs across your site.
jQuery Form Plugin Validator
When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this jQuery form plugin. When an error needs to be displayed, the 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 corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.
ezMark: jQuery Checkbox & Radiobutton Plugin
ezMark is a jQuery form plugin that allows you to stylize Radio button and Checkbox easily. Its very small (minified version is ~1.5kb) compared to other similar scripts. It has been tested and works on all major browsers (IE 6/7/8, Firefox, Safari, Chrome) and it gracefully degrades.
jQuery Form Plugin: Password Validation
This jQuery form plugin extends the jQuery validation plugin, providing two components:
- 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).
- 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. The text displayed can be localized.
Simple jQuery Form Plugin for Validation
jQuery Form Designer
This jQuery form plugin allows you to skin standard form elements like select, input and textarea. Just edit the css file to customize your form.
JQuery Form Validation And Hints: Client-side Form Validation
We designed this JQuery form plugin to make the form validation task easier for users and developers. Just mark the required fields and assign them validation rules to check before submitting the form. Contains a predefined set of common validation rules and let you create your own ones.
jQuery Form Plugin: Auto Complete
Auto-complete takes input from the user, and tries to form a list of words that match the users input. The function attaches itself to the input field selected, and also creates the UL drop down from within so all you need is have the styles for it ready.
