Plugins: Forms
jQuery Doubleselect Plugin
Last changed: 10 weeks 1 day ago
jQuery Doubleselect Plugin
Fill in a second select box dependent on the first one.
Written by : Johannes Geppert
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0 | 2009-Apr-24 | Recommended for 1.3.x | ||
3 State Switch Plugin
Last changed: 37 weeks 1 day ago
jQuery 3 State Switch Plugin(J3SSW) is a jQuery Plugin that represents the switch button express the selection and some states of list item at the same time using radio button and checkbox.
The applications of J3SSW includes some interfaces for sort key or filter key of any search results.
you can find some compressions (jsmin, packed, YUI) and examples on http://www.memorycraft.jp/project/jquery/j3ssw/index.html
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Oct-17 | Recommended for 1.2.x | ||
Access Key Highlighter
Last changed: 9 weeks 6 days ago
The Access Key Highlighter plugin provides various options for highlighting access keys on web forms when the user presses their browser's access key shortcut key, e.g. Alt in Internet Explorer and Safari, Shift+Alt in Firefox.
The control supports the following features:
- Two highlight modes: "popup" and "toggleClass"
- Automatically adds mark-up around access keys in your form to allow static styling via CSS
- Configurable CSS class names allowing for full customization of highlighted access keys and popups
- Shows access key popups on field labels if associated otherwise on the field itself
- Shows access key popups on hyperlinks
- Works in IE6, IE7, FF2, FF3 and Sa3.1 (disabled in Opera due to dedicated access key mode being available via Shift+Esc)
You can view a live sample of the current release at http://files.damianedwards.com/AccessKeyHighlighter/jQuery
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2009-Apr-26 | Recommended for 1.3.x | ||
Accessible
Last changed: 1 year 27 weeks ago
What is this ?
- This plugin aims to be a collection of snippets that improve accessibility for websites.
- It also includes a set of "recommendations" coded as tests to improve accessibilty (even beyond javascript).
- These recommendations can be tested against a page, and get a summary of the results.
How to use it ?
- First add a call to jquery.js (duh!).
- Add jquery.accessible.js. This contains the engine for rules/fixes and a set of predefined ones.
- Right after this, you are ready to run the fixes by calling jQuery.accessible(). You can pass in a hash to specify, with the id and true or false, which ones to run.
IMPORTANT: don't call this function inside document.ready, call it right away instead.
If you want to run the tests in your page:
- Add jquery.accessible.validator.js after jquery.accessible.js.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0-dev | 2007-Dec-27 | Recommended for 1.2.x | ||
accessible radio button and checkbox replacement
Last changed: 9 weeks 1 day ago
Replaces radiobuttons and checkboxes with a more skinable Version.
Needs jQuery UI core and jQuery.bind http://plugins.jquery.com/project/bind.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2 | 2009-May-01 | Recommended for 1.3.x | ||
Add To List
Last changed: 1 year 4 weeks ago
Dynamically add a new option to a select list. A customised form (which you specific) is ajax submitted. A successful ajax return adds the new item to the select list.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Jun-06 | Recommended for 1.2.x | ||
addCal
Плагин который позволяет делать календарь, 4-х типов,
0 - обычный с возможностью отображать номер недели
1- по месяцам
2- по кварталам
3-по годам
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.0.1 | 2008-Nov-08 | Recommended for 1.2.x | ||
Ajax Fancy Captcha
Last changed: 19 weeks 3 days ago
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from boys and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Feb-18 | Recommended for 1.3.x | ||
Ajax file upload plugin
This plugin replaces the standart file input element. It allows you to upload multiple files without refreshing the page and use any link, image or other element instead of the file input to show the "file selection" dialogue.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4 | 2008-Dec-03 | Recommended for 1.0.x | ||
| 0.9 | 2009-Jan-10 | Recommended for 1.2.x | ||
| 2.0 | 2009-Feb-22 | Recommended for 1.3.x | ||
Ajax Multi Image File Upload
Last changed: 37 weeks 2 days ago
Ajax driven image file upload with thumbnail view and delete function.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1 | 2008-Oct-16 | Recommended for 1.2.x | ||
AJAX Terminal
Last changed: 11 weeks 5 days ago
jQuery plugin to create a web-based console-like behavior that posts user input commands to an AJAX server, and prints the result text.
Designed to be utterly simple and highly customizable.
The usage is pretty simple, try using this example as a template: http://n0nick.net/stuff/terminal/
You can see a sample of a terminal server here: http://n0nick.net/stuff/terminal/server.phps
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.2 | 2009-Apr-13 | Recommended for 1.0.x | ||
akeditable in place editor
Last changed: 1 year 13 weeks ago
This plugin is based on jEditable, and provides a way to create editable area on clicking links etc. It provides save and cancel button instead of ENTER key to save the content.
you can check for details at http://amiworks.co.in/talk/akeditable-jquery-inplace-editor/
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Mar-29 | Recommended for 1.0.x | ||
akModal: simplest alternative to thickbox
Last changed: 52 weeks 9 hours ago
akModal is the simplest way to achieve the modal dialog box or pop up box for simple purposes like showing signin box etc.
You will find it very useful when you need a lightbox kind of plugin that you can control, and customize for you requirements.
More information is at akModal article
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Apr-15 | Recommended for 1.0.x | ||
| 1.1.0 | 2008-Jul-05 | Recommended for 1.2.x | ||
asmSelect - Alternative Select Multiple
Last changed: 30 weeks 5 days ago
A progressive enhancement to select multiple form elements. It provides a simpler alternative with the following advantages:
- Easier for users to understand and interact with than regular select multiple form elements. Users know how to interact with it sans instruction.
- Doesn't require user to Ctrl-Click or Shift-Click multiple elements. Instead users of your form can add or remove elements individually, without risk of losing those that have already been selected.
- Selected elements are always visible (within the confines of your interface) while unselected elements are always hidden (within a regular select).
- Unlike regular select multiple option elements, those on asmSelect are optionally sortable with drag and drop (this part requires jQuery UI).
- asmSelect hides, maintains and updates the original select multiple so that no changes are required to existing code.
- If a user does not have javascript, then of course the regular select multiple form element is used instead.
- If the original select multiple form element is modified by some other jQuery or javascript code, the change will be reflected in the asmSelect as well.
Please see full information at http://code.google.com/p/jquery-asmselect/
Companion article at: http://www.ryancramer.com/journal/entries/select_multiple/
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.4-beta | 2008-Dec-01 | Recommended for 1.0.x | ||
| 1.0.1-beta-2 | 2008-Jul-07 | Recommended for 1.2.x | ||
Auto Growing Textareas
Last changed: 1 year 15 weeks ago
This plugin makes it easy to have auto-growing textareas. Meaning, if you have a textarea, as the user types it will expand vertically to accommodate the size of the entry. This was inspired by Facebook's auto-expanding text areas.
To make a textarea autogrow, simply do this
$('textarea').autogrow();
$('textarea.classname').autogrow();
etc...
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.1 | 2008-Feb-13 | Recommended for 1.0.x | ||
| 1.2.2 | 2008-Mar-19 | Recommended for 1.2.x | ||
Auto growing textareas update
Last changed: 15 weeks 1 day ago
This is a minor update to the "Auto growing textareas" project by chrysb. The project has not been updated since January 12, 2008, and had some issues that needed to be resolved. I solved these issues for my own use and figured it would be best to share them.
The fixes relate mainly to using autogrow with existing content (i.e. for forms to edit existing content), which was not handled.
The following fixes have been applied:
- Handle textareas generated with existing content (i.e. for edit content forms).
- Add expandTolerance member variable and option to allow the textarea to autogrow before the current line reaches the bottom of the textarea for increased readability.
- Uses isNaN instead of == NaN.
- Hides and shows the dummy area. With long content in the textarea it would add padding to the page body.
- Fixed line feed replace for br with xml-valid br/ tag
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.3 | 2009-Mar-20 | Recommended for 1.3.x | ||
Autocomplete
Last changed: 1 year 1 week ago
Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering.
By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.
This can be used to enter previous selected values, eg. for tags, to complete an address, eg. enter a city name and get the zip code, or maybe enter email addresses from an addressbook.
Both local and remote data can be used: Local is good for small datasets (like an addressbook with 50 entries), remote is necessary for big datasets, like a database with hundreds or millions of entries to select from.
Support
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.2 | 2008-Jun-26 | Recommended for 1.2.x | ||
Autofill
Last changed: 1 year 1 week ago
This plugin offers the ability to auto fill form.
If the first parameter is an URL, the plugin will fetch the returned JSON object via AJAX. Or you can pass a pre-fetched JSON object so that no AJAX will be performed.
The second parameter is an object containing other options.
- type - AJAX request type
- data - Data to be sent to the server
- errorTrigger - if the JSON object contains this as its key, error callback will be triggered. Useful if server side returns a custom error message
- mSelectCheckName - Default to false.
True: look for multiple select boxes with their name.
False: look for multiple select boxes with their ID - ajaxError - callback function for AJAX error
- error - error callback if the JSON object is empty, or contains errorTrigger as its key
- beforeFillForm - callback function to be executed before start filling the form
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.1-beta | 2008-May-20 | Recommended for 1.0.x | ||
| 0.1.2 | 2008-Jun-23 | Recommended for 1.2.x | ||
Automatic Date Completion
Last changed: 1 year 31 weeks ago
For use in an <input type="text" /> field. It lets the user only type in 10 and the input will be transformed into 2007-12-10.
Only typing a number will get the month and year. It presumes it's in the future, so if you type 10 on the eleventh of November, it will return December (2007-12-10 that is).
Works great with the jQuery UI Datepicker
One way of use
$("input").blur(function () {
var value = $(this).val();
$(this).dateCompletion(value);
}
});| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.9.1 | 2007-Nov-29 | Recommended for 1.2.x | ||
Autotab
Last changed: 41 weeks 1 day ago
Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field, you will automatically have focus on the next defined text field. Target text fields are defined, as well as a defined previous text field. Also included is a filter that can format or cleans out any unwanted characters in a text field, which is especially useful for product keys, serial numbers, phone numbers, confirmation numbers, social security numbers and much more. It's an auto-tab that works logically and allows you to edit previously typed content with ease!
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0-b | 2008-Sep-19 | Recommended for 1.0.x | ||
BabySteps
Last changed: 15 weeks 4 days ago
BabySteps (A 'What About Bob?' reference) is a simple and easily configurable tool for turning long forms into broken out steps without going from page to page.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.2.1 | 2008-Aug-26 | Recommended for 1.0.x | ||
| 0.2.2 | 2009-Mar-17 | Recommended for 1.1.x | ||
| 0.2.2 | 2009-Mar-17 | Recommended for 1.2.x | ||
BESTUPPER - It is change chars to uppercase when is typing
Last changed: 14 weeks 6 days ago
BestUpper is change chars to uppercase when is typing. It is support English and Turkish keyboard now. It is clear white spaces when exiting the control in blur event.
Here's an example of how you'd use this plugin:
<script type="text/javascript">
$(document).ready(function() {
$('.bestupper').bestupper();
});
</script> For Turkish: Türkçe demo sayfası ve diğer açıklamalar için aşağıdaki sayfayı ziyaret ediniz.
http://www.mustafaozcan.net/tr/page/jquery-bestupper-jQuery-Buyuk-Harf-Eklentisi.aspx
For English: Visit demo site.
http://www.mustafaozcan.net/en/page/jquery-bestupper-jQuery-UpperCase-Plugin.aspx
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Mar-22 | Recommended for 1.2.x | ||
bltcheckbox
Last changed: 15 weeks 4 days ago
Very lightweight custom checkboxes/radio buttons. Uses css to style buttons.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1 | 2009-Mar-17 | Recommended for 1.0.x | ||
| 1.0 | 2009-Mar-17 | Recommended for 1.3.x | ||
Calculation Plug-in
Last changed: 3 weeks 3 days ago
The Calculation plug-in is designed to give easy-to-use jQuery functions for commonly used mathematical functions.
This plug-in will work on all types of HTML elements—which means you can use it to calculate values in elements or in elements. You can even mix and match between element types.
Numbers are parsed from the element using parseNumber() method—which uses a regular expression (/\d+(,\d{3})*(\.\d{1,})?/g) to parse out the numeric value. You can change the regular expression that's used to determine what's consider a number by changing the default regular expression.
Syntax Examples
-
$("input[name^='price']").parseNumber();
This would return an array of potential number for every match in the selector -
$("input[name^='sum']").sum();
Returns the sum of all the input objects that start with a name attribute of "sum". This breaks the jQuery chain.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4.5 | 2009-Jun-10 | Recommended for 1.3.x | ||
cascade
Last changed: 1 year 1 week ago
Tiny plugin accomodates cascading data in response to page events. Canonical usage is cascading select lists pulling data from either client-side or server-side requests based on current form state (i.e., select value).
This plugin, however, will accept any event to trigger the cascade into any element type and you can chain as many lists together as you need and each can have distinct datasources.
Using the (optional) templating plugin this can simply encapsulate how data is presented in response to user input.
See the demo in the package for usage examples.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.2 | 2008-Jun-24 | Recommended for 1.0.x | ||
Checkbox Area Select
Last changed: 11 weeks 2 days ago
This plugin allows users to check or uncheck large groups of checkboxes quickly. When the user drags the mouse a red highlighting box follows the area that they have draged over. Any checkboxes within the highlit area will be checked. If the user shifts and drags then any checkboxes in the highlit area will be unchecked.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Apr-16 | Recommended for 1.0.x | ||
Checkbox Manipulation
Last changed: 20 weeks 6 days ago
Toggle, check or uncheck checkboxes. Also make them behave like radio buttons.
Includes:
- toggleCheckboxes
- checkCheckboxes
- unCheckCheckboxes
- radioCheckboxGroup
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1 | 2009-Feb-07 | Recommended for 1.0.x | ||
Checkbox ShiftClick
Last changed: 1 year 18 weeks ago
ShiftClick allows you to select multiple checkboxes by clicking to set an 'anchor' and shift-clicking to select or deselect all of the checkboxes in between.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Feb-24 | Recommended for 1.2.x | ||
Checkbox toggler
Simple checkbox toggling by onMouseOver. Proof Of Concept by Snook.ca
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Feb-09 | Recommended for 1.0.x | ||
CheckboxGroup
Last changed: 4 weeks 3 days ago
This useful little plugin provides "select all" checkbox functionality to a group of checkboxes. The select all checkbox stays in sync with the group so it is appropriately checked when it needs to be.
Example:
$('#checkall').checkgroup({groupName:'group'});Also can have multiple select all boxes to one group - for instance one on top of the group and one on bottom:
$('.checkall').checkgroup({
groupSelector:'.groupclass',
enabledOnly:true,
onComplete: function(boxes){
//do something with the affected check boxes - boxes is an array
}
});The HTML would look like this:
checkall
chk1
chk2
chk3
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.5 | 2009-Jun-03 | Recommended for 1.3.x | ||
checkboxToSlider
Last changed: 23 weeks 1 day ago
This plugin enables you to transform form checkboxes into neat sliders. The slider hides the checkbox and will update its value after a status change.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1-BETA-1 | 2009-Jan-23 | Recommended for 1.2.x | ||
CheckTree(ycTIN Edition)
Last changed: 6 weeks 5 days ago
This edition is compatible with CheckTree, fixed some bugs and added some new function. You can easily to integrate and handle AJAX update.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2009-May-18 | Recommended for 1.0.x | ||
Clearing Input
Last changed: 1 week 1 day ago
A simple plugin that provides example/label text inside text inputs that automatically clears when the input is focused. Common uses are for a hint/example, or as a label when space is limited.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2008-Dec-22 | Recommended for 1.2.x | ||
| 0.1.2 | 2009-Jun-26 | Recommended for 1.3.x | ||
Click-n-Drag (or DragCheck) Checkboxes
Last changed: 11 weeks 2 days ago
Description:
Easily select multiple checkboxes with a simple click and drag.
Click a TD to toggle it's checkbox. After clicking, drag across other TDs to set their checkboxes to the same value as the clicked one.
The original idea came from cross-browser.com's "Click-n-Drag Checkboxes", and I decided to attempt at translating this X-Library functionality into a Jquery functionality. The resulting code is fruit of an online collaboration between myself and another coder Ricardo on the jquery google group forum, here is the thread:
http://groups.google.com/group/jquery-en/browse_frm/thread/956e72c4e071a...
Characteristics:
- -- "clickability" is applied to the cell containing the checkbox and not only to the checkbox, making it more user-friendly (text-selection is disabled for the cells with the checkboxes)
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.1 | 2009-Apr-16 | Recommended for 1.0.x | ||
| 1.1.2 | 2009-Apr-16 | Recommended for 1.3.x | ||
ClockPick, a Time Picker
Last changed: 3 weeks 4 days ago
ClockPick is a timepicker plugin, enabling users to enter a time value into a form field. Using a unique popup div UI, ClockPick gets the job done in about 1/5 the time it takes to enter a time value using a traditional select menu UI.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.6 | 2009-Jun-08 | Recommended for 1.0.x | ||
Clonefield
Last changed: 26 weeks 9 hours ago
jQuery.cloneField is a plugin that provides you with easy, dynamic form field (or any other DOM element, really) duplication and removal.
Its main purpose is to allow the duplication of a specific field (or fields) within a form, usually a file upload field (think gmail attachments).
It's really simple to use. Just create a button (<a>, <button>, <span>, <p>, whatever, really) immediately BEFORE the field(s) to clone and apply the clonefield plugin to it, passing the desired jQuery elements as the first parameter.
$("a#add").cloneField($("input#file"));It's that simple.
$.cloneField has a number of customizable parameters that you can pass as a second argument.
allowRemove: true, // allow removal of cloned elements; automatically creates removal button based on "add" button markup to create consistency
removeLabel: "Remove", // text for removal button
maxClones: 0, // maximum number of cloned fields
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Jan-02 | Recommended for 1.0.x | ||
| 1.1 | 2009-Jan-03 | Recommended for 1.2.x | ||
Codepress Plugin
Last changed: 1 year 19 weeks ago
IMPORTANT: This project will not be maintained on this system. Please visit the official website for the latest download files and support:
http://www.fyneworks.com/jquery/Codepress/
-
Tested and works on Firefox2, IE7 and IE6 (all in WinXP SP2).
Codepress is not supported on Opera/Safari (or is it?), but form submission still works. -
The same principle can be applied to TinyMCE, FCKEditor and any other rich-text editors.
Any input regarding other rich-text editors is welcome. -
The plugin will intercept known methods and install itself against related plugins
(currently only the jQuery Form Plugin).
Any input regarding integrating this plugin with other jQuery plugins is welcome.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0 | 2007-Jun-30 | Recommended for 1.0.x | ||
ComboSelect
Last changed: 49 weeks 6 days ago
Transforms a single select element into a pair of multi-selects with controls to move items left to right and vice versa. Keeps items sorted alphabetically in both lists (if desired). Selected items are submitted by the original form element. Double-clicking moves an item from one side to the other.
Requires the jQuery Selso plugin:
http://plugins.jquery.com/project/selso
Usage: $('#myselect').comboselect({
// which sides to sort
sort: [string,'none'|'left'|'right'|default:'both'],
// label for the "add" button
addbtn: [string,default:' > '],
// label for the "remove" button
rembtn: [string,default:' < ']
});
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.2 | 2008-Jul-20 | Recommended for 1.0.x | ||
| 1.0.0 | 2008-Apr-24 | Recommended for 1.2.x | ||
constrain
Last changed: 39 weeks 1 hour ago
constrain allows flexible constraints to be imposed on text boxes. This is especially useful for the canonical alphanumeric constraint, but since constrain accept regular expressions you can be as specific as 'only allow one "p" and four "/"' with:
$(".selector").constrain({limit: {"p":1,"\\":4} });
Also included is numeric, an extension on constrain.
numeric accepts two options, a format (string) option and an onblur (bool). By default numeric corrects the field on the text box's blur event, but you may have numeric correct on the keyup event instead to strongly prohibit adding invalid number formats.
Handling the formatting of numbers is done by adapting the number functions code at http://www.xaprb.com/blog/2007/07/15/javascript-number-formatting-librar....
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Oct-04 | Recommended for 1.0.x | ||
Cookies
My trusty old JavaScript cookie handling library modernized and given jQuery bindings. Set, Get, and Delete cookies, bind input fields to cookies (and vice-versa), and more.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1.0 | 2009-May-11 | Recommended for 1.3.x | ||
crossSelect plugin
Last changed: 1 day 10 hours ago
This plugin can replace any multiple select element with a "switch item to the other column" interface more intuitive to use, and more similar to that seen in many desktop applications.
The select is turned into 2 columns, with select, remove, select all and remove all buttons inbetween them. By first clickng on one of the select's options and then clicking the select button the item is moved to the column (and the original is given selected="selected"), and it works similarly with the other buttons.
It's customisable in 7 ways - font size, number of rows, width, double click and single click behaviour, and behaviour if list items overrun vertically or horizontally.
It has been fully tested in ie6, 7 and 8, safari, and ffx. please let me know if you come across any bugs.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2009-May-23 | Recommended for 1.0.x | ||
| 0.4 | 2009-Jul-03 | Recommended for 1.3.x | ||
Custom HTML form checkbox and radio buttons
Last changed: 4 hours 40 min ago
Replaces the standard HTML form checkbox or radio buttons. Allows for disable, and very customizable.
$("input[type='checkbox']").custCheckBox();
//new callback
$("input[type='checkbox']").custCheckBox({callback: function(){ alert("hello");}});
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.4 | 2009-Jul-04 | Recommended for 1.3.x | ||
Custom HTML form Selectbox
Last changed: 2 weeks 2 days ago
Replaces the standard HTML form selectbox with a custom looking selectbox. Allows for disable, multiselect, scrolling, and very customizable.
// SIMPLE USAGE
$(".exampleDiv").custSelectBox();
//ADVANCED USAGE
$(".exampleDiv").custSelectBox({
isscrolling: true,
scrollminitems: 5,
scrollheight: 100,
preopenselect: true,
openspeed: "slow",
isdisabled: false,
selectwidth: 150
});
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1.4 | 2009-Jun-18 | Recommended for 1.3.x | ||
Custom Maxlength
Last changed: 7 weeks 9 hours ago
This plugin makes it easy to apply a "maxlength" attribute to custom elements for example a <textarea>.
It also gives you the possibility to add a nice character counter under the element that shows the user how many chars he/she has left before the maxlength is reached, and/or an alert message.
Its simple to use.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.5 | 2009-May-16 | Recommended for 1.3.x | ||
custom select
Last changed: 1 year 4 weeks ago
The plugin can be put the html to select option.You can customize your select option by html. Example for put a image to select option. Let the choice is more clearly.
cynapsis Overlabel
Last changed: 6 weeks 1 day ago
Overlabels lay truly semantic labels onto an input field to shorten the form. This plugin is a little helper to achieve this without recoding it every time.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.1 | 2009-May-22 | Recommended for 1.0.x | ||
| 0.1.0 | 2009-May-22 | Recommended for 1.3.x | ||
Databind plug-in
Last changed: 1 week 3 days ago
Automatically binds/unbinds json data to text, input and table elements.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.9.1 | 2009-Jun-24 | Recommended for 1.0.x | ||
Date Input
Last changed: 2 weeks 3 days ago
Date Input is a no frills date picker plugin for jQuery. It is:
- Lightweight
- Fast
- Pretty by default
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.1 | 2009-Jun-17 | Recommended for 1.0.x | ||
datePicker
Last changed: 1 year 36 weeks ago
The datePicker plugin is a popup calendar widget and then some. It allows you to add popup calendars to your forms to make it easier for users of your website to enter dates.
v2 of the date picker is a complete rewrite with the aim of being as extensible as possible. It is completely localisable and can be used in a myriad of different ways.
Please look through the selection of demos to see all the different ways the date picker can be used.
v2 is the recommended version of the plugin although v1 is still available for legacy support.
NOTE All support requests and bug reports should be made through the googlecode page for this plugin, not here. I will not monitor this page for support requests.
http://code.google.com/p/jquery-datepicker/issues/
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2007-Jun-20 | Recommended for 1.0.x | ||
| 2.0.0-Beta | 2007-Jun-20 | Recommended for 1.1.x | ||
| 2.1.1 | 2007-Oct-25 | Recommended for 1.2.x | ||
Default Value
A simple user enhancement for your HTML forms
Default value plug-in has been developed as a progressive enhancement for input and textfield elements. Allowing an initial value to appear within the form element, acting as a prompt for the user. This value is removed upon element focus and returned (on blur) if an alternate value has not been entered the user.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Apr-19 | Recommended for 1.0.x | ||
