英文原文:50 jQuery Plugins for Form Functionality, Validation, Security and Customisation
说实话,填写表单总是件很痛苦的事。那么对于开发者而言呢?可以创建一份表单说他们而言是件更为痛苦的事。没有人真正会喜欢他们,对于开发者而言,当涉及到表单开发时最困难的挑战并非仅仅在于创建一份简单且快速为用户所接受使用,但也必须是尽可能地方便且使用。这的确是相当的不容易啊。
本篇文章中,我们已经收集了50个JQuery插件以帮助您建立强大的表单。今后如果您碰到任何关于表单的解决方案,想必您会从这里找到您JQuery方案。
表单功能插件
Elastic – Make your textareas grow

  这个jQuery插件让你textareas表单域增长和缩小,以适应它的内容。它的灵感来自于Facebook 的 textareas 域。
  Elastic – Make your  textareas grow »
jQuery “Highlight” Plugin

  高亮区可以提高表单的可用性,突出页面上的交互元素。其主要是在表单中使用,但它也可用于表格,列表,或任何您指定的元素。
  jQuery  “Highlight” Plugin »
Autotab: jQuery Auto-Tabbing and Filtering

  Autotab是一个jQuery插件,它提供的自动切换和过滤表单域中的文本域。一旦输入的字符串达到了已定义的文本长度,它会自动切换到自动设置的目标元素。
  Autotab: jQuery  Auto-Tabbing and Filtering »
Ajax Fancy Captcha

  Ajax  Fancy Captcha通过新页面帮助您保护页面远离机器人及垃圾邮件发送者的攻击,仅仅是通过很“人性化的验证”实现。这是通过将指定项拖拽到一个圆圈中实现的。
  Ajax  Fancy Captcha »  
jQuery NobleCount

  NobleCount可以动态地将textarea域中剩余字符的数目显示在本文中,Twitter风格。
  jQuery  NobleCount »
Password Strength Indicator and Generator

  Password  Strength Indicator and Generator 插件允许您设置元素的类,这样您就可以图形化显示密码的强度。
  Password  Strength Indicator and Generator »
FormToWizard Plugin

  FormToWizard 插件允许您以“依次向左”的步骤实现表单信息提交。
  FormToWizard  Plugin »
Sliding Labels – jQuery Form Plugin

Sliding Labels – jQuery Form Plugin »
ToggleVal

  ToggleVal会让您选择以不同的方式来填充表单文本字段(某些不同的方式),当接收和失去焦点的时候会自动切换至默认值。
  ToggleVal »
jQuery AlphaNumeric

  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 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 ifnoSSL is used. But SSL is not supported by every webhost nor it’s easytoinstall/apply at times. So in this situation the jCryption plugin helps you to encrypt your data  with ease.
  jCryption  »
Password Validation Plugin

  This pluginoffersa function that rates passwords for factors like mixedupper/lower case,mix of characters (digits, special characters),length and similarity toa username (optional) and gives a custommethod 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  Strengthtriesto calculate how many possibilities the hacker needs to try toguessyour password. It makes the assumption that it is possible totest 2800million passwords per second.
  Password  Strength »
Password Strength Meter v2

  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

  The  Masked Input Pluginallowsa user to easily enter fixed width input fields where you wouldlikethem to enter the data in a certain format (dates,phone numbers,etc).
  Masked Input  Plugin »
autoNumeric()

  autoNumeric()isa flexible International numeric formatter, that willautomaticallyplace a thousand separator as you type and supports ninedifferentrounding methods.
  autoNumeric() »
Form Upload Plugins
AJAX Upload

  AJAX Uploadallows you to easily upload multiple files without refreshing the pageand can use any element to show the file selection window.
  AJAX Upload »
jqUploader: jQuery Plugin for File Upload and Progressbar

  jqUploader is a  pluginthatsubstitutes the html file input fields with a flash-based fileuploadwidget, allowing you to display a progressbar and percentage.
  jqUploader »
Uploadify

  Uploadify is a  pluginthatallows the easy integration of a multiple (or single) file uploadsonyour website. It requires Flash and any backend developmentlanguage. Anarray of options allow for full customization for advancedusers, butbasic implementation is so easy that even coding novices cando it.
  Uploadify  »
jQuery Uploadprogress Plugin

  This pluginwillaugment a standard file upload form with a transparent backgrounduploadand add a progress meter that will keep you graphically informed.
  jQuery  Uploadprogress »
Form Skinning and Customisation
jQuery Checkbox

  The  jQuery  Checkbox plugin is a lightweight custom styled checkbox  implementation that can also work with radio buttons.
  jQuery  Checkbox »
Jqtransform – 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

  This is a simple pluginthatturns properly formatted HTML forms into forms with in-fieldlabelsupport. Labels fade when the field is focussed and disappear whentextentry begins. Clearing a field and leaving brings back the label.
  In-Field Labels jQuery  Plugin »
Niceforms

  Niceformsisa script that will replace the most commonly used form elementswithcustom designed ones. You can either use the default theme thatisprovided or you can even develop your own look with minimal effort.
  Niceforms  »
jNice

  jNicemakesit easy to style rough and simple html forms into beautiful webforms,checkboxes, input elements and selectboxes by creating customlookingform elements, that function just like normal form elements.
  jNice  »
Uniform – Sexy forms with jQuery

  Uniformmasksyour standard form controls with custom themed controls. It worksinsync with your real form elements to ensure accessibilityandcompatibility.
  Uniform  »
prettyCheckboxes

  prettyCheckboxesisfor developers who wants to maintain a consistent style forcheckboxesacross all browsers. By using this script you wont loose anyregularinput usability.
  prettyCheckboxes  »
Form Select and Combo Boxes
jquery.combobox

  jquery.combobox is an unobtrusive way of creating a HTML type combobox from a existing  HTML Select element(s).
  jquery.combobox  »
javascript Image Combobox

  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

Two Sided Multi Selector

  This pluginconvertsa multi select list into a two-sided multi-select list. Thismeans youdisplay a list of options in the left hand box and items youselect aremoved into the right hand box.
  Two  Sided Multi Selector »
flexselect

  flexselecttakesthe select box, and creates a hidden input element to tracktheassociated value and creates a text input for the selection. Itusesthe LiquidMetal scoring algorithm to narrow the selection.
  flexselect  »
Form Time and Date Pickers
jQuery.timepickr.js

  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 is a feature rich and easy to customize plugin that allows for single,  multiple or range selection dates.
  DatePicker »
jQuery datePicker

  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

  The jQuery Week  Calendar pluginprovidesa simple and flexible way of including a weekly calendar inyourapplication and has been inspired by other online weekly calendarssuchas Google calendar.
  jQuery Week  Calendar »
Form Auto-Suggest
AutoSuggest

  AutoSuggest is a lightweight jQuery pluginthatwill will dynamically create all the HTML elements that is neededforturning any regular text input box into an auto-complete box.
  AutoSuggest  »
Autocomplete

  By  giving an autocompleted field focus or entering something into it, the  pluginstartssearching for matching entries and displays a list of values tochoosefrom. By entering more characters, the user can filter down thelist tobetter matches.
  Autocomplete  »
Ajax Autocomplete

  Ajax  Autocompleteallowsyou to easily create autocomplete/autosuggest boxes for textinputfields with every query result being cached and pulled from localcachefor the same repeating query. If there are no results for aparticularquery it stops sending requests to the server for otherqueries with thesame root.
  Ajax  Autocomplete »
FaceBook Like – jQuery and autosuggest Search Engine

  FaceBook  Like is a powerful jQuery pluginthattransform an input field into a real time autocompletion searchengine,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

Whenan error needs to be displayed, this script creates a div andpositionsit in the top right corner of the input. This way you don’thave toworry about your HTML form structure. The rounded corners andshadowsare pure CSS3 and degrade well in non compliant browsers.
Validation

  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

  With this highly customizable  plugintheuser can set his own class to define the rule, set events onErrorandOnValid for a particular class and you can also add their owneffects,may be jquery animate().
  Highly  Customizable Form Validation »
LiveValidation – Validation as you type

  LiveValidationisa small open source javascript library for making client-sidevalidationquick, easy, and powerful. It comprises of two main parts.Firstly, itprovides developers with a rich set of core validationmethods, whichcan also be used outside the context of forms. Secondly,it providesyour visitors with real-time validation information as theyfill outforms, helping them to get it right first time.
  LiveValidation »
Ketchup 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

  jTippulls content into a tool tip using the HttpXMLRequest object.Byadding a class attribute value of “jTip” to a link element youcancreate a tooltip from the content found in the file the hrefispointing too.
  jTip »
jQuery Live Form Validation

  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

  Valid8solvesboth simple and complex validation scenarios. Everything from abasicrequired field to regular expressions, ajax requests andarbitraryjavascript functions.
  Valid8 – An input  field validation plugin »
jVal – jQuery Form Field Validation 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

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 »



 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                