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.

mask


Decimal Mask

Submitted by xraycheat on October 13, 2010 - 1:05pm

Use to set a decimal mask to an input field.

Basic Usage:

$("input").decimalMask();

Settings:

The call for this method takes 3 optional parameters:

  1. The decimal separator, commonly a dot or a comma, the default is ",", which is the standard on my country.
  2. The length of the decimal part, the default is 4.
  3. The length of the decimal part, the default is 8.

$("input").decimalMask(".",2,8);

Some Behaviors:

  1. The plugin blocks the deletion of the decimal separator when there is a decimal part and a integer part at same time on the field.
  2. The plugins deals with copy/paste and drag/drop on the input. It cuts the non numeric characters, and cuts every numeral above the limit (both decimal and integer).
  3. The input size is guaranteed.
  4. The amount of the decimal separator (0,1) is guaranteed.

Notes:

Masker

Submitted by jenixstudio on June 28, 2010 - 9:23am

Masker plugin.
Plugin creates masks from image files and show it over the base image.

See homepage for more information, please.

Works in IE 7-8, FF 3.6, Safari 5, Chrome 5

anum

Submitted by idudiq on December 7, 2009 - 5:15am

jQuery plugin for input numbers or letters or number and letters. Can change input characters by regexp expression.

Mit License.

jQuery Numeric

Submitted by Gilson Klessner on September 23, 2009 - 12:39pm

jQuery Numeric allow only numbers [0-9] into a text input.

Use: $(input).numeric();

Download here

jQuery Numeric permite somente a inserção de números [0-9] em um input tipo text.

Use: $(input).numeric();

Download aqui

(ternstyle's) ternElapse for jQuery

Submitted by matthew@ternstyle.us on September 22, 2009 - 5:01pm

The ternElapse plugin allows you to cover any HTML element with a transparent mask and place a loading image and text at the center of the mask. With this plugin you can open and close the mask, change the text and/or image inside the mask or include no text or image to begin with. Cover the document body or cover any other block level HTML element.

autoNumeric

Submitted by Bob Knothe on July 28, 2009 - 6:45am

International numeric and currency formatting made easy

" ₩ith In₮€r₦a₮io₦£ ₡urr€₦¢¥ $¥mbo₤ $u₱₱or₮"

The client can only enter numeric values and decimal separator - plug-in automatically places a thousand separator as they type.

Supports multiple international numeric and currency formats including those used in most of Europe, North and South America, Asia and India's (lakhs). The varied formats are controlled by a simple META DATA code that is placed in the input tag. Whole numbers and decimal accuracy are defined in this code. This plug-in also allows multiple formats to reside on the same page.

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

Loading

Submitted by nbubna on June 23, 2009 - 4:50pm

Provides trivially easy way to notify users that a request is being loaded and processed in the background, so that they know their action was received and the page has not frozen. Just toggle the message (or image or any element) on or off with $.loading() or $('#foo').loading(). The plugin handles creation and positioning and "pulsing" of the message for you. It also provides a 'mask' option to block the UI (at the call level) while the loading message (or image or any element) is running. You can tell it to automatically toggle on ajaxStart/ajaxStop with the 'onAjax' option. You can tell it to automatically terminate after a specified time with the 'max' option. You can tell it to only show if the loading takes longer than a specified time with the 'delay' option. And so on... Think of this as a cleaner, more user-friendly $.blockUI, where the blocking part is optional.

LoadMask

Submitted by serg on June 19, 2009 - 12:09am

LoadMask jQuery plugin can mask DOM elements while their content is loading or changing to prevent user interactions and inform that some background task is still running. It is very light (~2Kb) and easy to use.

This plugin behavior is largely based on Element.mask() method from ExtJS Framework. If you are not familiar with the concept you can see it in action here.

Usage

jQuery version required: 1.2.3 or later.

Please note that only elements that accept child nodes can be masked.

Masking

To put a mask over an element (or multiple elements) simply call `mask(label, delay)` method with two optional `label` and `delay` parameters:

$("#mydiv").mask("Loading...");
$(".grids").mask("Loading...", 500);

jQuery Tools / Expose

Submitted by tipiirai on February 15, 2009 - 1:43pm

Make your HTML elements stand out

The exposing effect was first introduced in tools such as overlay. Usually the effect is an integral part of the program and cannot be used separately. This tool takes the idea of an exposing a little further. It is a separate tool that can be used as a general purpose expose utility. You can use it for overlays, forms, images, videos or any Flash objects.

This plugin is part of the jQuery Tools UI library.

meioMask - a jQuery mask plugin

Submitted by fabiomcosta on September 24, 2008 - 10:05am

meioMask is a simple use plugin for creating and applying masks at text input fields.

meioMask’s features

  • - Accepts paste event;
  • - Haves fixed, reverse (currency) and repeat mask types;
  • - You can still use your hot keys and others (ex: ctrl+t, ctrl+f5, TAB …);
  • - Supports metadata plugin;
  • - Works with iPhone;
  • - Allow default values;
  • - Haves callbacks for invalid inputs, valid and overflow;
  • - Haves function to mask strings;
  • - Support for positive and negative numbers on reverse masks;
  • - Can auto-focus the next form element when the current input is completely filled.

See the demos page for more information and for the uncompressed version of the plugin.