Archive for the ‘jQuery’ Category
iPhoneの数値入力を改善するjQueryプラグイン
iPhoneのテンキーは、下の画像のように同じ数字を連続してタイプすると”11″→”☆”、”55″→”+”のように記号が入力される仕様になっています。
ボタンをいたずらに増やすよりは理にかなっていると思うのですが、type=”number”としたinputタグにおいても記号に変換されるのはさすがにおかしいですよね。
そこで、記号が入力された場合には強引に数値を復元するようなjQueryプラグイン、iPhoneNumberInputを作成しました。
使い方は以下のように記述するだけです。
<head>
...
<script type="text/javascript"
src="jquery.min.js"></script>
<!-- プラグインの読み込み -->
<script type="text/javascript"
src="jquery.iphonenumberinput.js"></script>
<script type="text/javascript>
$('input[type=number]').iPhoneNumberInput();
</script>
</head>
<body>
...
<!-- type="number"なinputを配置 -->
<input type="number" />
...
</body>
iPhone以外を利用しているときは無効化するなどすべきかもしれませんが、とりあえず今後の課題としておきます。
やっておきました。
