Plugins

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.

form


jQuery Terminal Emulator

JQuery Terminal Emulator is a plugin for creating command line interpreters in your applications.

It can automatically call JSON-RPC service when user type commands or you can provide an object with methods, each method will be invoke on user command. Object can have nested objects which will create nested interpreter. You can also use a function in which you can parse user command by your own.

It′s ideal if you want to provide additional functionality for power users. It can also be used as debuging tool.

Clear-Input

Usage

Requires jQuery version Add the class clear-input to any text input element whose value you want cleared when it gains focus. The initial value will be replaced when the input loses focus, and no new text has been entered.

If you prefer to not add classes to your elements, you can alternatively call clearInput() on any jQuery input object.

You can have multiple clear-input fields on a single page, and they will not conflict.

h5Validate

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

jQuery HTML5 Form Plugin

HTML5 validates forms without additional JavaScript.
Currently only Safari & Google Chrome supports this functionality.
This plugin gets the same result in Firefox, Opera & Internet Explorer.
With a single line of code...

Form dependancies

This plugin allows you to make a form element disabled if specified condition is not satisfy, and enable it as soon as it is.
Currently available conditions are :

  • checked
  • empty
  • disabled
  • hasCssClass
  • lt (lower than)
  • lte (lower than or equal)
  • longer (stricly longer)
  • shorter (strictly shorter)
  • length

All conditions can be negated using ! operator.
Limitations :

  • Conditions can only apply to one element. For example, it is not possible to compare two fields values.
  • You can only refer to an element by its ID (I know, this is stupid !)

This plugin does not perform any validation of any kind.

Further development will allow user to select an element for condition using jQuery selectors, to check conditions on more than one element, apply a custom style, hide rather than disable, execute a custom callback, ...

Sample uses :

jQuery-Placeholder Plugin

A jQuery plugin that enables HTML5 placeholder support for legacy browsers

Textarea Line Count

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.

Cool Multiple

Transforms a boring multiple select (combo box) or a list of checkboxes into a nicer control.

See latest code at:
http://github.com/vladfr/jquery-coolmultiple

Formation - Form Generator Plugin

Formation is a jQuery plugin that allows you to quickly create a form with validation without writing any HTML. You simply specify the container you wish to append the form to. By passing a few parameters into one of the formation function calls you can add different validation such as number, e-mail, url, phone number, or zip code. Each element that you create can be fully customized. You can set the class, id, or any other attribute that is native to that element. Enjoy!

validateMyForm

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.