vanilla javascript input mask

imaskjs

vanilla javascript input mask

Features

• get and set raw and unmasked values easily
• no external dependencies
• supports overwrite mode
• supports web components
• supports contenteditable
• RegExp mask
• Function mask
• Number mask (integer and decimal)
• Date mask (various format support, autofix mode)
• Dynamic/on-the-fly mask
• Pattern mask
  • show placeholder always and only when necessary
  • unmasked value can contain fixed parts
  • optional input parts (greedy)
  • custom definitions
  • reusable blocks
  • Enum and Range masks
• convert and format values with pipe

Plugins

• Vue plugin
• Angular plugin
• React plugin
• React Native plugin
• Svelte plugin (and external alternative)

Install

npm install imask and import IMask from 'imask';

or use CDN:

<script src="https://unpkg.com/imask"></script>

Build & Test

npm run make

Compatibility

Supports all major browsers and IE11+ need to support older?

Docs, Examples, Demo

https://imask.js.org/

Many Thanks to

@Viktor Yakovlev

@Alexander Kiselev

Support Development

Paypal

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]