Click here to Skip to main content
13,050,840 members (67,908 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


2 bookmarked
Posted 22 Jul 2011

Masked Input Plugin part 2

, 22 Jul 2011
Rate this:
Please Sign up or sign in to vote.
First, include the jQuery and masked input javascript files.
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>

Next, call the mask function for those items you wish to have masked.
   $("#phone").mask("(999) 999-9999");

Optionally, if you are not satisfied with the underscore ('_') character as a placeholder, you may pass an optional argument to the maskedinput method.
      $("#product").mask("99/99/9999",{placeholder:" "});

Optionally, if you would like to execute a function once the mask has been completed, you can specify that function as an optional argument to the maskedinput method
         alert("You typed the following: "+this.val());

You can now supply your own mask definitions.
   $("#eyescript").mask("~9.99 ~9.99 999");

You can have part of your mask be optional. Anything listed after '?' within the mask is considered optional user input. The common example for this is phone number + optional extension.
   $("#phone").mask("(999) 999-9999? x99999");


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Nicky Enriquez Torres
Web Developer Telefonica del Peru
Peru Peru
This member doesn't quite have enough reputation to be able to display their biography and homepage.

You may also be interested in...

Comments and Discussions

-- There are no messages in this forum --
Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170713.1 | Last Updated 22 Jul 2011
Article Copyright 2011 by Nicky Enriquez Torres
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid