https://github.com/uNmAnNeR/imaskjs
vanilla javascript input mask
https://github.com/uNmAnNeR/imaskjs
inputmask vanilla-js
Last synced: about 1 month ago
JSON representation
vanilla javascript input mask
- Host: GitHub
- URL: https://github.com/uNmAnNeR/imaskjs
- Owner: uNmAnNeR
- License: mit
- Created: 2016-11-10T13:04:29.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-10-11T15:09:36.000Z (6 months ago)
- Last Synced: 2025-03-11T02:41:35.973Z (about 1 month ago)
- Topics: inputmask, vanilla-js
- Language: TypeScript
- Homepage: https://imask.js.org
- Size: 14.9 MB
- Stars: 5,030
- Watchers: 30
- Forks: 265
- Open Issues: 70
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
- awesome - uNmAnNeR/imaskjs
- react-components - imaskjs - paste, etc. (UI Components / Masked input)
README
# imaskjs
vanilla javascript input mask
[](https://badge.fury.io/js/imask)
[](https://opensource.org/licenses/MIT)
[](https://coveralls.io/github/uNmAnNeR/imaskjs?branch=master)
## Features
* get and set *raw* and *unmasked* values easily
* no external dependencies
* supports *[overwrite](https://imask.js.org/guide.html#overwrite)* mode
* supports *web components*
* supports *contenteditable*
* **[RegExp](https://imask.js.org/guide.html#masked-base)** mask
* **[Function](https://imask.js.org/guide.html#masked-function)** mask
* **[Number](https://imask.js.org/guide.html#masked-number)** mask (integer and decimal)
* **[Date](https://imask.js.org/guide.html#masked-date)** mask (various format support, *autofix* mode)
* **[Dynamic/on-the-fly](https://imask.js.org/guide.html#masked-dynamic)** mask
* **[Pattern](https://imask.js.org/guide.html#masked-pattern)** mask
- show placeholder always and only when necessary
- unmasked value can contain fixed parts
- optional input parts (greedy)
- custom definitions
- reusable blocks
- secure text entry
- **[Enum](https://imask.js.org/guide.html#masked-enum)** and **[Range](https://imask.js.org/guide.html#masked-range)** masks
- **[Repeating](https://imask.js.org/guide.html#repeat)** blocks
* convert and format values with **[pipe](https://imask.js.org/guide.html#pipe)**
## Plugins
* [Vue plugin](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/vue-imask)
* [Angular plugin](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/angular-imask)
* [React plugin](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/react-imask)
* [React Native plugin](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/react-native-imask)
* [Svelte plugin](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/svelte-imask)
* [Solid plugin](https://github.com/uNmAnNeR/imaskjs/tree/master/packages/solid-imask)
## Install
`npm install imask` and `import IMask from 'imask';`
or use CDN:
``
## Build & Test
`npm run make`
## Compatibility
Supports all major browsers. Can also be used with outdated browsers. [See how](https://imask.js.org/guide.html#support-outdated)
## Getting help
- [Documentation and examples](https://imask.js.org/)
- check answers on [stackoverflow.com](https://stackoverflow.com)
- ask question in [discussions](https://github.com/uNmAnNeR/imaskjs/discussions)
- [Телега если быстро и коротко](https://t.me/imaskjs)
## Contributors
### Code Contributors
This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].
### Financial Contributors
Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/imask/contribute)]
#### Individuals
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/imask/contribute)]
