Plugins: Forms

jQuery Doubleselect Plugin

Fill in a second select box dependent on the first one.

Version	Date	Links	Status
1.2.0	2009-Jul-27	Download Release notes	Recommended for 1.3.x

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	Download Release notes	Recommended for 1.2.x

a-tools

Last changed: 22 hours 29 min ago

Cross-browser text selection and modification plugin built on top of the jQuery library. Tested with Opera 9.5 (Windows) and Opera 9.6 (Linux), Mozilla Firefox 3.0 (Windows and Linux), Internet Explorer 7, Chrome 2.0 and Safari 4.0. Also works with jQuery 1.4.

Plugin works only with first element of set of elements, which have to be «textarea» or «input type=text».

This plugin has six functions:

getSelection – return start, end position, length of the selected text and the selected text. return start=end=caret position if text is not selected;
replaceSelection – replace selected text with a given string;
countCharacters – count amount of all characters;
insertAtCaretPos – insert text at current caret position;
setCaretPos – set cursor at caret position (1 = beginning, -1 = end);

Version	Date	Links	Status
1.3-jquery-a-tools	2010-Mar-12	Download Release notes	Recommended for 1.3.x

Access Key Highlighter

Last changed: 45 weeks 5 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	Download Release notes	Recommended for 1.3.x

Accessible

Last changed: 2 years 10 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	Download Release notes	Recommended for 1.2.x

accessible radio button and checkbox replacement

Last changed: 45 weeks 13 hours 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	Download Release notes	Recommended for 1.3.x

Add To List

Last changed: 1 year 39 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	Download Release notes	Recommended for 1.2.x

addCal

Плагин который позволяет делать календарь, 4-х типов,
0 - обычный с возможностью отображать номер недели
1- по месяцам
2- по кварталам
3-по годам

Version	Date	Links	Status
0.0.1	2008-Nov-08	Release notes	Recommended for 1.2.x

Advanced Form Validation

Last changed: 4 weeks 4 days ago

Form Validator with several features such as grouping required fields or conditional checking if it is valid or not. Also you can validate string, numeric, date or e-mail. And you can combine several validations. For example: required numeric input and minimum 5 chars long.

Easy to build your validation rules by css classes.

<input type="text" name="phone1" "req-min req-numeric req-both" minlength="9" rel="phones" ..>

Customizable Plugin

You can edit error messages, date seperator, onsuccess function, standard error div selector.

Easy to assign

	$('#submitBtn').formValidator({
		scope	: '#form',
		errorDiv	: '#errorDiv'
	});

Different forms of assign

You can trigger from button or just call the function:
$.formValidator...
$('#button').formValidator...

Here is the css classes:

Version	Date	Links	Status
1.0.4	2010-Feb-08	Download Release notes	Recommended for 1.3.x

After the Deadline - Spell and Grammar Checker for Web Applications

Last changed: 3 weeks 4 days ago

After the Deadline is an open source proofreading service that checks spelling, misused words, style, and grammar in web applications.

To attach to all textareas on a page:

jQuery('textarea').addProofreader();

jQuery Plugin Features:

* Supports server-side proxy and cross-domain AJAX communication with service
* High-level API to integrate with TEXTAREAs easily
* Control which errors your users see

After the Deadline is the best writing technology on the web:

* Contextual spell checker suggests correct spelling 9/10 times
* Misused word detector finds errors with its/it's, write/right, etc.
* Grammar checker finds embarrassing writing errors
* Style checker restores accents to words, finds complex and redundant phrases, and helps you avoid passive voice.
* Back-end service is open source. http://open.afterthedeadline.com

Version	Date	Links	Status
1.0.1-14Jan10	2010-Jan-13	Download Release notes	Recommended for 1.0.x
1.0.1-15-Feb-10	2010-Feb-15	Download Release notes	Recommended for 1.3.x

Ajax Fancy Captcha

Last changed: 1 year 3 weeks 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	Download Release notes	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	Release notes	Recommended for 1.0.x
0.9	2009-Jan-10	Release notes	Recommended for 1.2.x
2.0	2009-Feb-22	Release notes	Recommended for 1.3.x

Ajax Multi Image File Upload

Last changed: 1 year 21 weeks ago

Ajax driven image file upload with thumbnail view and delete function.

Version	Date	Links	Status
2.1	2008-Oct-16	Download Release notes	Recommended for 1.2.x

AJAX Terminal

Last changed: 5 weeks 2 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/jquery/terminal/

You can see a sample of a terminal server here: http://n0nick.net/jquery/terminal/server.phps

Version	Date	Links	Status
0.4.1	2009-Nov-13	Download Release notes	Recommended for 1.0.x
0.4.5	2010-Feb-03	Download Release notes	Recommended for 1.3.x

ajaxContactForm to simplify te sending of a inquiryform.

Last changed: 5 weeks 2 days ago

jquery.ajaxContactForm is a plugin made to simplify te sending of a inquiryform. The plugin gathers all the filled out data, after testing it on: required values, required numberical values and/or required e-mail structure. After that it sends the form via AJAX (JavaScript).

The forms that will be send are protected against spam because:

There is no form-tag in the DOM, spam-bots can't see that the data will be send, let alone with what page/script it will be send;
A field -invisible for human visitors- will be added which may not be filled out, spam-bots like to fill out as much as they can.

Version	Date	Links	Status
1.2.4	2010-Feb-03	Download Release notes	Recommended for 1.0.x

Ajaxify

Last changed: 22 weeks 2 days ago

jQuery Ajaxify can turn any link or form from a standard request to an AJAX request.

The main difference when compared to most implementations is that the submission button (or image) is also sent with the ajax request.

Simple call to $('form').ajaxify(); should be sufficient in most cases.

Version	Date	Links	Status
0.4	2009-Oct-07	Download Release notes	Recommended for 1.3.x

akeditable in place editor

Last changed: 28 weeks 3 days 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.1.0	2009-Aug-25	Download Release notes	Recommended for 1.0.x
1.1.0	2009-Aug-25	Download Release notes	Recommended for 1.3.x

akModal: simplest alternative to thickbox

Last changed: 1 year 35 weeks 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.

Version	Date	Links	Status
1.0.0	2008-Apr-15	Download Release notes	Recommended for 1.0.x
1.1.0	2008-Jul-05	Download Release notes	Recommended for 1.2.x

AP Tags

Last changed: 20 weeks 4 days ago

AP Tags is a simple to use tagging component that adds the ability to quickly create tags using a single text box. This component is very similar to the tagging component used in WordPress, but is a completely custom component. Simply put, you have a text box, you type one or more words, press Enter, and the tag appears below, and in a hidden form field.

Here is a simple example:

<form name="frm" method="post">
   <input type="text" name="tagEntry" id="tagEntry" value="" />
   <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" />
</form>
 
<script language="javascript">
   $(document).ready(function() {
      $('#tagEntry').aptags();
   });
</script>

Version	Date	Links	Status
0.2.0	2009-Oct-20	Download Release notes	Recommended for 1.3.x

asmSelect - Alternative Select Multiple

Last changed: 1 year 14 weeks 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	Download Release notes	Recommended for 1.0.x
1.0.1-beta-2	2008-Jul-08	Download Release notes	Recommended for 1.2.x

asuggest

Last changed: 21 weeks 22 hours ago

jquery.asuggest is a small suggestion (autocomplete) library intended to be a lightweight replacement for jquery.autocomplete in textareas. The fact is that the drop-down menu in the autocomplete library works not very well in texteareas. So the alternative decision without menu and only with automatic word completion has been proposed.

Version	Date	Links	Status
0.2	2009-Oct-16	Download Release notes	Recommended for 1.3.x

Auto Growing Textareas

Last changed: 1 year 51 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	Download Release notes	Recommended for 1.0.x
1.2.2	2008-Mar-19	Download Release notes	Recommended for 1.2.x

Forms

Auto growing textareas update

Last changed: 51 weeks 14 hours 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	Download Release notes	Recommended for 1.3.x

Autocomplete

Last changed: 28 weeks 6 days 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.1.0	2009-Aug-22	Download Release notes	Recommended for 1.2.x

Autofill

Last changed: 1 year 37 weeks 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	Download Release notes	Recommended for 1.0.x
0.1.2	2008-Jun-23	Download Release notes	Recommended for 1.2.x

Forms

Automatic Date Completion

Last changed: 2 years 15 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	Download Release notes	Recommended for 1.2.x

Forms

autoNumeric

Last changed: 3 weeks 3 days ago

A flexible International numeric formatting, that will automatically place a thousand separator as you type.

Multiple international number formats can reside on the same page. The varied formats are controlled by the format code placed in the "alt " attribute of the input tag. This code will allow multiple formats within the same page. If the "alt" attribute is left blank the plugin will revert to the defaults.

Supports nine different rounding methods (Round-Half-Up Symmetric & Asymmetric, Round-Half-Down Symmetrica & Asymmetric, Round-Half-Even "Bankers Rounding", Round Up, Round Down, Round to Ceiling & Round to Floor)

AutoSuggest

Last changed: 9 weeks 5 days ago

AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy. It uses ZERO images by default and is only 7kb minified.

Version	Date	Links	Status
1.0	2009-Dec-31	Download Release notes	Recommended for 1.0.x
1.1	2010-Jan-03	Download Release notes	Recommended for 1.3.x

Autotab

Last changed: 1 year 24 weeks 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	Download Release notes	Recommended for 1.0.x

BabySteps

Last changed: 51 weeks 3 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-27	Download Release notes	Recommended for 1.0.x
0.2.2	2009-Mar-17	Download Release notes	Recommended for 1.1.x
0.2.2	2009-Mar-17	Download Release notes	Recommended for 1.2.x

BESTUPPER - It is change chars to uppercase when is typing

Last changed: 50 weeks 5 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	Download Release notes	Recommended for 1.2.x

bigger Textarea

Last changed: 21 weeks 6 days ago

Bigs your text area as the value of it reachs a limit.
Just like basecamp do it.

For me at: http://github.com/edgarjs/bigger-textarea

Version	Date	Links	Status
1.0.0	2009-Oct-11	Download Release notes	Recommended for 1.3.x

bltcheckbox

Last changed: 51 weeks 3 days ago

Very lightweight custom checkboxes/radio buttons. Uses css to style buttons.

Version	Date	Links	Status
1.1	2009-Mar-17	Download Release notes	Recommended for 1.0.x
1.0	2009-Mar-17	Download Release notes	Recommended for 1.3.x

BS Form Accelerator

Last changed: 33 weeks 3 days ago

Description:

With this plugin you will be able to use Enter or Space buttons in your forms replacing the buttons such as Tab for changing focus in fields just with assigning an ID to the form

View Live Demo for Enter

View Live Demo for Space

Download BS Form Accelerator

Example 1:

$.bsformaccelerator('myform',{
handle : 'enter'
}
);

Example 2:

$.bsformaccelerator('myform',{
handle : 'space'
}
);

Produced by : Behnam Soltanrezaey

Version	Date	Links	Status
0.1.0	2009-Jul-21	Download Release notes	Recommended for 1.0.x

Calculation Plug-in

Last changed: 27 weeks 2 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.07	2009-Sep-02	Download Release notes	Recommended for 1.3.x

Caret Range

Last changed: 26 weeks 2 days ago

Easily get or set the selection range of the caret in an INPUT or TEXTAREA element.

USAGE

var input = $("#selector");
var range = input.caret();
var text = null;

// Get selected text
text = input.val().substr(range.start, range.end - 1);

// Insert text at caret then restore caret
var value = input.val();
text = " New Text ";
input.val(value.substr(0, range.start) + text + value.substr(range.end, value.length));
input.caret(range.start + text.length);

// Select first ten characters of text
input.caret(0, 10);

Version	Date	Links	Status
1.0	2009-Sep-10	Download Release notes	Recommended for 1.0.x

cascade

Last changed: 1 year 37 weeks 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	Download Release notes	Recommended for 1.0.x

Checkbox Area Select

Last changed: 6 weeks 5 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.1.0	2010-Jan-24	Download Release notes	Recommended for 1.0.x

checkbox group

Last changed: 10 weeks 2 days ago

checkbox checkall with group and set max items group can select

$('.groupregion_checkall').checkgroup({
				groupSelector:'.groupregion',
				maxItem:3,
				message:'Max item',
				enabledOnly:true,
				onComplete: function(){}
			});

Checkbox Manipulation

Last changed: 1 year 4 weeks 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-08	Download Release notes	Recommended for 1.0.x

Checkbox ShiftClick

Last changed: 2 years 2 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	Download Release notes	Recommended for 1.2.x

Forms

Checkbox toggler

Simple checkbox toggling by onMouseOver. Proof Of Concept by Snook.ca

Version	Date	Links	Status
1.0.0	2008-Feb-09	Release notes	Recommended for 1.0.x

Forms

CheckboxGroup

Last changed: 40 weeks 2 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	Download Release notes	Recommended for 1.3.x

checkboxToSlider

Last changed: 1 year 6 weeks 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	Download Release notes	Recommended for 1.2.x

CheckTree(ycTIN Edition)

Last changed: 42 weeks 4 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	Download Release notes	Recommended for 1.0.x

Clearable Text Field

Last changed: 16 weeks 2 days ago

Clearable Text Field is a jQuery plugin which shows up a cross icon to clear value when user input something in a form field. It works like a find form of your browser: the clear button shows up when you enter any characters in it and disappears when you clear the form.
Seeing example is the fastest way to understand. Example

Usage

  $(document).ready(function(){
    $('input[type=text]').clearableTextField();
  });

To use this plugin, you have to include/deploy js, css and png image. css and png image are easy to customise.

See more detail at github.

I hardly update here recently. Please check the latest version at github.

Version	Date	Links	Status
0.2.1	2009-Nov-19	Download Release notes	Recommended for 1.0.x
0.3.1	2010-Feb-12	Release notes	Recommended for 1.3.x

clearField

Last changed: 31 weeks 5 days ago

This plugin takes care of your input fields.

Often used by opt-in input fields where the default value of the field is something like "Your e-mail address". If you click the field the text disappears so that you can type your e-mail address. If you leave the field blank and click elsewhere the original content is restored.

$(document).ready(function() {
    $('selector').clearField();
});

Version	Date	Links	Status
1.0.1	2009-Aug-02	Download Release notes	Recommended for 1.3.x

Clearing Input

Last changed: 37 weeks 17 hours 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	Download Release notes	Recommended for 1.2.x
0.1.2	2009-Jun-26	Download Release notes	Recommended for 1.3.x

Click-n-Drag (or DragCheck) Checkboxes

Last changed: 47 weeks 1 day 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	Download Release notes	Recommended for 1.0.x
1.1.2	2009-Apr-16	Download Release notes	Recommended for 1.3.x

ClockPick, a Time Picker

Last changed: 39 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-09	Download Release notes	Recommended for 1.0.x

Plugins

Search

User login

Browse Plugins

Can't find a Plugin?

Website Bug or Feature Request?