jQueryで開発、テキストフィールドから数字以外を削除する

 数値だけしか入力できないINPUT type=textタグを用意したいことがある。
 簡単に実装する場合は、該当のINPUTタグからフォーカスが外れる時に数字以外を削除してしまうのが良いだろう。

 そんなわけで、そのようにしたjQueryコード

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js’></script>
<script>
    $(document).ready(function(){
        $(".numberonly").blur(function(){
            var str = $(this).val();
            $(this).val(str.replace(/[^0-9]/g, ""));
        });
    });
</script>

 blurイベントはfocusが外れた時。
 で、正規表現で[0-9]以外を消している。
 class=numberonlyにバインドしているので、

<input type=’text’ name=’zip1′ class=’numberonly’>-<input type=’text’ name=’zip2′ class=’numberonly’>

みたいに、郵便番号欄を半角数字に限定するみたいな動きをさせたり?

(2627)


カテゴリー: jQuery   パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です