Generator InputMask JS

• javascript based input mask

Bower.io

This package is available on Bower.

Install Bower.io

$ npm install -g bower

Installing

# install a package and add it to bower.json
$ bower install generator-inputmaskjs --save

Bower depends on Node.js and npm. Also make sure that git is installed as some bower packages require it to be fetched and installed.

Usage

Call the plugin on any input you want to track and tell it what to look for with a attribute:

new InputMask().Initialize(document.querySelectorAll("#sample-ssnmask"),
{
  mask: InputMaskDefaultMask.Ssn,
  placeHolder: "SSN: 999-99-9999"
});

new InputMask().Initialize(document.querySelectorAll("#sample-date"),
{
  mask: InputMaskDefaultMask.Date,
  placeHolder: "Date: 01/01/2015"
});

new InputMask().Initialize(document.querySelectorAll("#sample-phone"),
{
  mask: InputMaskDefaultMask.Phone,
  placeHolder: "Phone: (999) 999-9999"
});

Reference

<script type="text/javascript" src="../bower_components/dist/inputmask.min.js" ></script>

<div>
  <label for="sample-ssnmask">SSN:</label>
  <input type="text" id="sample-ssnmask"></input>
</div>

<div>
  <label for="sample-date">Date:</label>
  <input type="text" id="sample-date"></input>
</div>

<div>
  <label for="sample-phone">Phone:</label>
  <input type="text" id="sample-phone"></input>
</div>

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Test your changes to the best of your ability.
4. Update the documentation to reflect your changes if they add or changes current functionality.
5. Commit your changes (git commit -am 'Added some feature')
6. Push to the branch (git push origin my-new-feature)
7. Create new Pull Request

Creator

Created by Ivan Augusto Hoinacki

License

MIT License