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.

textarea


jQuery Text Limiter 'n' Counter

Submitted by TonBR on October 13, 2010 - 2:43pm

jQuery TextLimiter 'n' Counter

Show a counter of chars left on a Textarea or Input fields.
Won't let the user type or paste more than allowed number of characters.
The Counter can be showed/hided automaticaly by focus, or be visible always or never, and can define a other element to receive the counter.

Features

  • Show/Hide counter when element get or leave focus
  • Define your personalized element to receive the Counter numbers
  • Save space on form with counter embeded
  • You can limit the characters without show the counter

Options

maxLength

Define the allowed number of characters can be typed and/or pasted in the element.
Default value: 100

align

Choose where the embeded counter will be showed.
Allowed values: right, left
Default value: right

valign

Put the embeded counter to top or bottom of the element.
Allowed values: top, bottom

Super textarea

Submitted by tandu on October 6, 2010 - 9:48pm

This plugin can be run on textareas to turn them into super textareas! These textareas have the ability to grow and shrink horizontally and vertically to fit the text. It is highly extensible and will work with different font settings. You can style the textarea, give it a "maxlength", and automatically display remaining characters.

In addition to the growing and shrinking, you can change the textarea to replace tab key presses with real tab stops or spaces without losing focus. Writing in textareas has never been simpler.

h5Validate

Submitted by dilvie on October 3, 2010 - 1:47am

A jQuery plugin that understands HTML5 forms and knows how to validate them based on new input attributes such as "required" and "pattern", even in browsers that don't yet support HTML5.

In browsers that do support HTML5, h5Validate allows you to respond to validation failure, so that you can display helpful error messages to your users.

There are a ton of options you can override by passing key: value pairs when you call .h5Validate():

$(document).ready(function() {
$('#black').h5Validate({
errorClass:'black'
});
});

h5Validate on Github

Textarea Line Count

Submitted by mostthingsweb on September 14, 2010 - 4:08pm

The goal of this plugin is to allow you to count the number of lines in a textarea and get some general statistics about the lines. Mainly, this plugin allows you to detect wrapped lines. Currently, the plugin can generate these statistics for any textarea:

  • The number of lines in the textarea.
  • The number of lines in the textarea that wrap at least once.
  • The total number of times all lines wrap.
  • The approximate number of lines that the user actually sees in the textarea.
  • The number of blank lines.

The plugin works for textareas of any size (although it is most accurate for the high end of small and medium to large textareas). It adjusts automatically depending on what font, font size, and other font-related attributes are being used.

This plugin has been tested under Firefox 3.6.9 using jQuery 1.4.2.

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.

jQuery Text Area Expander

Submitted by sohnee on September 10, 2010 - 1:37pm

The jQuery Textarea Expander is a plugin that allows textareas to expand as more content is added.

You can type content in, or copy and paste content in and the text area will grow in height to fit the content.

View a demonstration

Read the documentation

Texbox Hinter

Submitted by vaakash on August 8, 2010 - 1:20am

Jquery textbox hinter is plugin which allows to add hints to textboxes and textareas. Acts as a complete replacement for labels.

Features

  • Simple and light-weight.
  • No knowledge of programming required.
  • Can add classes to default text.
  • Can add hints to multiple to textboxes and textareas.
  • Cross browser supported.
  • Customziable.

Basic Usage

You can attach this plugin to multiple textboxes and textareas using this code

$('class / Id of the textbox/textarea').tbHinter({
text: 'Default text goes here ...',
class: 'Class for default text goes here ...'
});

popBox

Submitted by shibbard on August 6, 2010 - 7:58pm

This plugin provides a simple to use popup textarea extension for textboxes.

Need the user to be able to enter text into a textbox but limited on the size you can make the textbox and don't want to have to use a full blown editor, popBox will automatically display a textarea to input the text. A perfect addition to back end admin systems.

This plugin can be applied to a textbox or textarea (see notes on textarea usage). Basically if the user clicks on a textbox which has popBox applied to it, a nice modal popup box will appear with the textarea selected for the user to enter their text, if they click outside of the area or on the ‘done’ button it will dissapear and the text will be inserted into the initiating textbox.

SmartTextBox

Submitted by wayofspark on August 2, 2010 - 11:55am

SmartTextBox is a jQuery plugin that turns text inputs into javascript driven widget that allow navigating the options using keyboard, auto completion and many other features, while being fully customizable.
http://wayofspark.com/projects/smarttextbox/

inputHighlight

Submitted by nickobrien on July 27, 2010 - 5:25pm

Put's a nice border around a input, textarea, select without affecting element jumping. Check screenshot link for example. This plugin is for non-browser-themed inputs only! So always set a border for the input you would like to light.

Supported inputs are: input, textarea, select!