https://github.com/uNmAnNeR/imaskjs

vanilla javascript input mask
https://github.com/uNmAnNeR/imaskjs

inputmask vanilla-js

Last synced: 15 days 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 (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2024-10-11T15:09:36.000Z (28 days ago)
• Last Synced: 2024-10-12T00:33:26.823Z (28 days ago)
• Topics: inputmask, vanilla-js
• Language: TypeScript
• Homepage: https://imask.js.org
• Size: 14.9 MB
• Stars: 4,926
• Watchers: 31
• Forks: 256
• Open Issues: 49
• 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

README

        
# imaskjs

vanilla javascript input mask

[![npm version](https://badge.fury.io/js/imask.svg)](https://badge.fury.io/js/imask)

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

[![Coverage Status](https://coveralls.io/repos/github/uNmAnNeR/imaskjs/badge.svg?branch=master)](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)]