19 forms jquery plugins
August 31, 2009 by admin · Leave a Comment
1. jQuery Combobox
query.combobox is an unobtrusive way of creating a HTML type combobox from a existing HTML Select element(s).
A combobox is technically a ‘Select’ HTML element. A combobox is also be known as a drop down list.
This control was written due to the fact that the standard Select element cannot be styled, or is limited in what can be styled.
For instance, in Internet Explorer 6, the individual items in the list (HTML Options) are very restricted in styling, allowing only the background-color and color and a few other CSS properties.
2.jQuery controlled dependent (or Cascadign) Select List
I hope, this change will help you to overcome some problems of previous version of this script. The main features added in this version are:
- It will keep in child list box only sub items of selected parent value when initializing.
- Added a 4th parameter to input a selected value for child list box.
- When “isSubselectOptional” is true, add a default value ‘none’ for ‘– Select –’ option of child list box.
- Automatically focus the child list box when a value is selected from parent list box.
- More effective for multilevel association.
3. Multiple Selects
jqMultiSelects enables you to deal purely with the presentation of your <select> elements, and then use the plugin to attach common behaviours to them. Current features include:
- Set up double-click transferring of options from one select to another
- Enable transferring of multiple options via an external element, e.g. <button>, <input>, <a>, etc.
- Automatic submission of <option> elements with parent form submission
- Callbacks to hook into the process
- Size is 4.4KB or 0.6KB packed
4. Select box manipulation
You can manipulate a box with this plugin
5. Select Combo Plugin
A ‘Select Combo’ is setting the values of a select element based on the user’s choice of the source select element. As a jQuery plugin, it will create ‘unobtrusive’ javascript to bind a change event to the source select element and retrieve JSON results from your server, placing the results in the target select element. This has been tested with jQuery 1.2.6. on FF 2 & 3, IE7, Safari. I hope this works with other browsers, but if it doesn’t please let me know. (There is an error in IE 6. I’m currently unsure of what to do with the non helpful MS error of: “Could not set the selected property. Unspecified error”)
6. Auto-populate multiple select boxes
If you are familiar with using select boxes for categorisation and sub-categories, such as ebay does when selling an item, usually this can require a lot of JavaScript to maintain the select boxes, but jQuery can hugely simplify this task by adding a dash of AJAX.
The Goal
Allow the user to select a top level category from one select box and to automatically populate the sub-category.
7. 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!
8. jNice
Customize a form to look good
9. Ping Plugin
Imagine that you have a (big) form that it’s extensively used and for some reasons the value of some fields are repeated every time, the plugin can solve this (writting/selecting) issue by providing a mechanism to choose and save some fiel
10. jQuery Field Plugin
his plugin greatly expands the ability to retrieve and set values in forms beyond jQuery’s standard val() method (and Mike Alsup’s Form Plug-in’s fieldArray() method) by allowing you to interact with all types of form field elements (except input[type="file"], which is a read-only element.) It works the same way for text elements as it does for radio, checkbox and select elements.
The plug-in was built on the concept that you want to manipulate the fields like their traditional variables. Selectors should be written to query a specific field object (i.e. elements that would be linked together via a common name attribute, for example $("input[name='myRadioButton']").)
11. jQuery Form’n Field plugin
The Form’n'Field plugin for jQuery
- reads and writes data from fields
- validates field content
- encapsulates custom field types
- can be used without forms
and does not:
- post form data to server
- use Ajax
12. jQuery Checkbox manipulation
a plugin that helps you use the checkboxs to there maximum power
13. jQuery labelcheck
Hate to hunt and click these small checkboxes/radio buttons ?
14. Overlabel
I’ve been playing with JQuery lately, and when I found a need to use the wonderful little accessible compact form script by Mike Brittain, I thought I’d try to duplicate it with JQuery’s simpler syntax. This is my first attempt at anything close to a JQuery plugin. It works for me, as you can see on the test page.
15. ShiftCheckbox jQuery Plugin
shiftcheckbox allows the users to select the range of checkboxes by clicking on one checkbox and then SHIFT+clicking on the last desired checkbox. All checkboxes in between the first and the last gets checked.
16. Watermark Input
This is a watermark input plugin for jQuery. Currently this is a beta release. This simple plugin allows forms with limited space to display additional information about the contents of a field.
17. jQuery SpinButton Control
allows you to add a SpinButton to a field
18. jQuery Ajax Form Builder
You cand create your form directly on the web.
19. jQuery Focus Fields
Add an outline and background to text inputs when they are given focus. Does not work with jQuery 1.2 at the moment, only 1.0 and 1.1)
Related posts: