Repository files navigation

A jQuery Plugin to make masks on form fields and HTML elements.

https://igorescobar.github.io/jQuery-Mask-Plugin/

• Lightweight (~2kb minified, ~1kb gziped).
• Built-in support for dynamically added elements.
• Masks on any HTML element (no need to server-side mask anymore!)!
• HTML notation support (data-mask, data-mask-recursive, data-mask-clearifnotmatch).
• String/Numeric/Alpha/Mixed masks.
• Reverse mask support for masks on numeric fields.
• Sanitization.
• Optional digits.
• Recursive Digits.
• Fallback Digits.
• Advanced mask initialization.
• Advanced Callbacks.
• On-the-fly mask change.
• Mask removal.
• Full customization.
• Compatibility with React/UMD/Zepto.js/Angular.JS.
• HTML5 placeholder support.
• Clear the field if it not matches support.

http://paypal.me/igorcescobar

bower install jquery-mask-plugin

npm i jquery-mask-plugin

meteor add igorescobar:jquery-mask-plugin

composer require igorescobar/jquery-mask-plugin

https://cdnjs.com/libraries/jquery.mask

http://www.jsdelivr.com/projects/jquery.mask

gem'jquery_mask_rails'# more details at http://bit.ly/jquery-mask-gem

• Masks with jQuery Mask Plugin
• Using jQuery Mask Plugin With Zepto.js

• Mascaras com JQuery Mask Plugin
• Mascara Javascript para os novos telefones de São Paulo

• I’ve had the chance to troll Donald Trump. But I didn’t.

jQuery Mask Plugin has been tested with jQuery 1.7+ on all major browsers:

• Firefox 2+ (Win, Mac, Linux);
• IE7+ (Win);
• Chrome 6+ (Win, Mac, Linux, Android, iPhone);
• Safari 3.2+ (Win, Mac, iPhone);
• Opera 8+ (Win, Mac, Linux, Android, iPhone).
• Android Default Browser v4+

Definition can be foundhere.

To install, open terminal and navigate to your working directory.

• Installtypings by runningnpm install typings --global.
• Then install the definition by runningtypings install dt~jquery-mask-plugin --global --save.

• Use npmnpm install --save-dev @types/jquery-mask-plugin.

For configuration options and troubleshooting refer to these repositories:

• Typings
• DefinitelyTyped
• Typescript

Before opening a newissue take a look on those frequently asked questions:

Did you read ourdocs? Yes? Cool! So now... make sure that you have afunctionaljsfiddle exemplifying your problem and open anissue for us. Don't know how to do it? Use thisfiddle example.

• Bug Reporting: Yes! You can contribute openingissues!
• Documenting: Do you think that something in ourdocs should be better? Do you have a cool idea to increase the awesomeness? Summit your pull request with your idea!
• Bug Fixing: No time to lose? Fix it and help others! Write sometests to make sure that everything are working propertly.
• Improving: Open anissue and lets discuss it. Just to make sure that you're on the right track.
• Sharing: Yes! Have we saved some of your time? Are you enjoying our mask plugin? Sharing is caring! Tweet it! Facebook it! Linkedin It(?!) :D
• Donating: Hey, now that you don't need to worry about masks again... buy me a coffee, beer or a PlayStation 4 (Xbox One also accepted!) :o)

We useQUnit andGruntJS. To run our test suit is just run:grunt test in your console or you can open thosetest-for*.html files inside of ourtest/ folder.

In case you're familiar withDocker here is how you can use it:

docker build -t jquery-mask.CONTAINER_ID=$(docker run -d -v$PWD:/app/jquery-mask-plugin jquery-mask)dockerexec$CONTAINER_ID sh -c"npm install"dockerexec -it$CONTAINER_ID /bin/bashgrunttest

• Igor Lima
• Mark Simmons
• Gabriel Schammah
• Marcelo Manzan
• See the full list