dev builds
themes manual
device status forums
mailing lists
IRC bugs
dev guide

Search | Go
Wiki > System > JQueryPlugin > JQueryMaskedInput


Author(s): Josh Bush
Version: 1.3

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera, and Chrome. A mask is defined by a format made up of mask literals and mask definitions. Any character not in the definitions list below is considered a mask literal. Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.


The following mask definitions are predefined:
  • a - Represents an alpha character (A-Z,a-z)
  • 9 - Represents a numeric character (0-9)
  • * - Represents an alphanumeric character (A-Z,a-z,0-9)

JavaScript API

$("#phone").mask("(999) 999-9999");

Use a space instead of an underscore "_" character as a placeholder
  placeholder:" "

Adda "completed" callback:
  completed: function() {
    alert("You typed the following: "+this.val());

Define an own mask:
$("#eyescript").mask("~9.99 ~9.99 999");

Foswiki integration

Use the jqMaskedInput class name to enable masked input on an input element. The mask itself is specified in the mask attribute.




Product Key:

Enter your product key of the form a*-999-a999.
r1 - 12 Feb 2010 - 15:11:05 - ProjectContributor

Parents: JQueryPlugin
This site is powered by FoswikiCopyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Wiki? Send feedback