Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

count


simplecountdown

Submitted by vitor.nascimento on September 30, 2010 - 1:15pm

Simple plugin to show the amount of remaining characters in text fields.

Example

$('.countdown').simplecountdown();

validateMyForm

Submitted by andyshora on September 12, 2010 - 10:22am

validateMyForm is designed to provide easy-to-implement and attractive client-side validation for web forms.

v1.0 contained functionality such as required field, email address, numeric and conditional validation.

v1.1 contained date validation, and allows you to validate input as email, numeric or a date without marking the field as required - input will simply be validated if it is present. You can of course add 'required' and 'email' to an input, to make a required email address field.

v1.2 contained validation for checkboxes and radio buttons.

v1.3 contains validation for textareas, and also a character limit feature shown in example below.

v1.4 enables you to auto-hide textarea the character count when there is no input.

TwitLimit

Submitted by MikeHelmick on July 15, 2010 - 12:22am

TwitLimit is a Twitter-esque character limit jQuery plug-in. Licensed under the MIT & GPL licenses.

Defaults:

limit: 140 // Default limit, if no limit set upon selector. (In honor of Twitter <3)


message: '%1 Characters Remaining.' // Keep %1 intact when defining custom message. (%1 is replaced by number of characters left.)


counterElem: '#limit' // ID or Class of element where you want the message to display.


allowNegative: false // Whether to allow the count to go negative or not.


dangerMode: true // Will change the number of characters left "%1" with the colors defined in dangerColors.


dangerBold: true // Will make the number of characters left "%1" bold.


dangerColors: {dark: '550505' // Colors for dangerMode.

medium: '980808' // Colors for dangerMode.

bright: 'e90909'} // Colors for dangerMode.

NobleCount

Submitted by theproductguy on March 22, 2010 - 12:39pm

NobleCount (visit project homepage for more details) is a customizable jQuery plugin for a more the improved counting of the remaining characters, and resulting behaviors, of a text entry object, e.g. input textfield, textarea.

As text is entered into the target text area an object for the purposes of tracking the total number of characters remaining, defined as the maximum number of characters minus the current total number of characters within the text entry object, and storing that information visually and/or within the DOM as an HTML 5 compliant data-* attribute.

Events and CSS Class alterations, if defined, are triggered based on current user interaction with the target text entry object as well as the current state (positive or negative) of the character remaining value.

NobleCount supports pre-existing text within the text object.
NobleCount supports jQuery chaining.

event.special.frame

Submitted by stephband on September 29, 2009 - 6:14pm

Provides an animation timer that fires frame events at bound elements. It starts the instant a frame event is bound (to any element), and stops after all events are unbound, so no matter how many bindings are made, there is only ever one timer.

Download jquery.event.frame.js zipped with demo and documentation at:

github.com/stephband/jquery.event.frame/archives/master

Add Table Rows Count

Submitted by uzbekjon on February 13, 2009 - 7:28am

This plugin automatically adds a column with row count. Thus making your tables more readable and keeping your markup/metadata clean.

The use:

$('.myTables').rowCount();

With options:

$('.myTables').rowCount( { name: "Count", cssClass: "columnCss" } );

Twitter Style Counter

Submitted by karbassi on October 27, 2008 - 10:45am

Displays the remaining number of text with visual markers for the user. This does not truncate the text so the user can go negative but the counter will display the visual marker to show the user that they cannot be negative.

This does not do any validation, so I suggest you validate the text size remaining (number of characters the user has left to type) is greater or equal to zero.