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.

input


strengthy

Submitted by lupomontero on October 12, 2010 - 10:30am

strengthy is a neat and simple password strength plugin for jQuery.

Clear-Input

Submitted by aidanfeldman on October 11, 2010 - 11:23pm

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

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

jQuery uiSelect

Submitted by aml2326 on September 23, 2010 - 9:09pm

jQuery.uiSelect 1.0

Description

uiSelect allows you to easily style all elements of form select menus.

uiSelect Plugin takes 3 parameters

First Param (object) - for the left and top offsets - must be a numerical value
Second Param (String) - ID of the <div> containing your menu items
Third Param (String) - ID of the <input> which will hold the value selected

SAMPLE CODE
$('#selectMenu').uiSelect({leftOffset: -10, topOffset: 0},'uiList','uiInput');

jQuery-Placeholder Plugin

Submitted by roflwtfbbq on September 16, 2010 - 8:35am

A jQuery plugin that enables HTML5 placeholder support for legacy browsers

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!

Dutch Labels

Submitted by kmorssink on July 26, 2010 - 2:02pm

Dutch-labels

Dutch-labels allows you to use inline labels with a some extra features.
It works with the noscript tag so even when your browser has javascript disabled, you'll see a normal (css-stylable) label.

You can add it on text and password inputs and even on textareas.

Possible options are;

defaultcolor: '#888',
activecolor: '#000',
removetags: true,
prefix: '',
suffix: '',
textuppercase: false,
textlowercase: false

This way you implement it;

JS/jQuery:
<script type="text/javascript">
$(function() {

        $("input[type=text], input[type=password], textarea").dutchLabels({ options });

});
</script>

HTML:
<noscript><label for="naam">Naam *</label></noscript>
<input type="text" class="text" name="naam" id="naam"><br>

Copy values

Submitted by fkleinko on July 12, 2010 - 10:44am

Jquery library which can copy a value from on field to another.

Values will be copied if to field is or empty or the same as previous value of from field.

Usage:

$('.parent').copyValue({fromSelector: '.from', toSelector:'.to'});

fromSelector is by default: '.from'.
toSelector is by default: '.to'.

jSuggest

Submitted by iambrian on July 12, 2010 - 2:20am

jSuggest is a lightweight jQuery plugin that helps you make suggestions for your text inputs. With only 3 KB in size it is very flexible and highly customizable.