There are a plethora of jQuery plugins when it comes to forms. You could spend much of your precious time trying to decipher which are worth your while, or you could read this top ten list that simplifies the selection process for you. Here are ten of the top jQuery plugins that deal with the various aspects of forms.
10 jQuery Plugins for Forms - Five More Great jQuery Form Plugins (Page 2 of 2 )
The tofslaForms plugin lets you take standard form elements and transform them into more eye-catching and customized skins. The best feature of tofslaForms is its flexibility. You can control which of your form elements get transformed, whether it be the type of inputs, the check boxes, the buttons, and more. You can also style your forms either manually or when the web page is ready for it.
DG-Magnet-Combo is a plugin that won't affect the overall look of your forms, but it will help give them extra functionality and make them more user-friendly. DG-Magnet-Combo gives users the ability to use multi-select list control without having to press the Ctrl key.
Let's say you have a site where a visitor is asked to select their interests as they fill out a multi-part form. You could have a variety of interests listed and give them the option to select multiple ones. Instead of having to hold Ctrl as they select multiple options, they can just click on them, and the DG-Magnet-Combo will save the selections.
As its name suggests, the Watermark plugin helps you add watermarks to your forms' input fields. The watermarks are default text that can explain what each field is in further detail. They give you the power to provide extra information in your forms without adding unnecessary clutter to your page. In that sense, they are very helpful to you as the page developer and also to your visitors.
Clicking in an input field will remove the watermark instantly. If no text is entered, the watermark will return once the field is clicked out of. Another plus of the Watermark plugin is that if it fails, it will degrade gracefully to prevent from displaying a buggy appearance.
StickyForms is a jQuery plugin for forms that helps save visitors from typing in information that they have already entered in another location within your site. It automatically saves form fields into cookies. It then autofills the values on any of the site's other forms that have that same element IDs. StickyForms is very flexible, as it allows you to choose which element types to be saved, such as text, check box, or others. You can also choose to exclude certain element IDs for privacy, such as passwords. Other options include the ability to choose how long cookies last and whether or not field values are remembered on one part of the site or across the entire site.
A Better Form is a plugin that will help keep your forms for comments and the like simpler by eliminating the need for CAPTCHA security codes, questions, and more. CAPTCHA, trick questions, and other spam prevention techniques can help stop spam from bloating your comments section, but they could annoy your legitimate visitors. A Better Form lets you code your forms to stop automated spam and look cleaner at the same time.
DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.