WEBアプリに手軽に入力制限（マスク）が実装できる imask

入力フォームに文字種や書式、最大値などで入力制限がかけられる「imask」を紹介します。

この「imask」は、簡単な Javascirpt のコードでフォームに入力制限がかけられるライブラリで、いわゆる「マスク入力」の機能を提供してくれます。

どんな機能？

例えば、郵便番号の形式で入力させるようなフォームが作れる。

インストール方法

npmの場合、以下のコマンドでインストールし、、、

npm install imask

import に以下を追加する。

import IMask from 'imask';

CDN経由で追加する場合は、以下の script タグを追加する。

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

用途別

用途別の実装方法を紹介する。

郵便番号

固定文字を除いたマスクされていない文字を取得

固定文字で始まる（終わる）コード

Vue、React、Angularにも対応

「imask」は通常の Javascriptのライブラリに加え、 Vue、React、Angularのプラグインも提供しており、imaskの機能をコンポーネントとして利用できる。