お客様より、フォームのinputで、郵便番号などで半角数字のみを入力できるようにしてほしいと要望がありました。
とりあえずググった情報で、jQueryで半角数字のみ入力可能としてみました。
その際、矢印やら削除キーを動くようにもしました。が、
「テンキー効かないんだけど!?」
「タブ押しても次に行かないんだけど!?」
とクレームが来てしまいました。
面倒くさいのでということで、下記プラグインを使用させていただきました。
■jquery.numeric.js
ダウンロードはこちら(github)
jquery本体とjquery.numeric.jpを読み込んで、以下コードを記述し、半角数字のみに対応させたいinputタグに「.numeric」のクラスを付与するだけで完成です。
<script type="text/javascript"> jQuery(function( $ ) { $(".numeric").numeric(); } ); </script>