地味に便利そうだったのでメモ。input要素に入力パターンを組み込める、というスクリプトです。jQueryに依存しています。ユーザーの入力の補助によさそう。
input要素に入力パターンを組み込めるスクリプトです。
formatter.js
クレカや電話番号などの数字の入力項目に良さそうですね。
$( '#foo' ).formatter({ 'pattern' : '{{9999}}-{{9999}}-{{9999}}-{{9999}}' }); |
上記のように予めパターンを作成しておきます。
< input type = "text" class = "input" id = "foo" maxlength = "19" pattern = "\d*" > |
あとは指定したセレクタでマークアップすればパターンが適応されます。クレカ等なら、制作側はいちいち4つのinput要素を用意し、レイアウトする手間が省けて、ユーザーも別のinput要素に移動する手間を省けそうです。
電話番号や郵便番号など、用途はいろいろありそう。詳細は以下でどうぞ。