Home arrow JavaScript arrow Page 2 - 10 jQuery Plugins for Forms
JAVASCRIPT

10 jQuery Plugins for Forms


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.

Author Info:
By: wubayou
Rating: 5 stars5 stars5 stars5 stars5 stars / 5
April 18, 2011
TABLE OF CONTENTS:
  1. · 10 jQuery Plugins for Forms
  2. · Five More Great jQuery Form Plugins

print this article
SEARCH DEVARTICLES

10 jQuery Plugins for Forms - Five More Great jQuery Form Plugins
(Page 2 of 2 )

tofslaForms

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. 

Link: http://plugins.jquery.com/project/tofslaForms

DG-Magnet-Combo

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.

Link: http://plugins.jquery.com/project/DG-Magnet-Combo

Watermark

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.

Link: http://plugins.jquery.com/project/simpleWatermark

StickyForms

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.

Link: http://plugins.jquery.com/project/StickyForms

A Better Form

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.

Link: http://plugins.jquery.com/project/a-better-form-spam-less-robot-less-forms

 


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.

blog comments powered by Disqus
JAVASCRIPT ARTICLES

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials