テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」
「jQuery - numeric」は、テキストボックスへの入力を数字のみに制限してくれるjQueryプラグインです。正/負、整数/小数点 チェックまで限定してくれます。ダウンロード
スクリプト
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.numeric.js" type="text/javascript"></script>
実装
<input class="numeric antirc" type="text"> <input class="integer antirc" type="text"> <input class="positive antirc" type="text"> <input class="positive-integer antirc" type="text"> <script type="text/javascript"> // 数値 $(".numeric").numeric(); // 整数 $(".integer").numeric({ decimal: false }); // 正の数値 $(".positive").numeric({ negative: false }); // 正の整数 $(".positive-integer").numeric({ decimal: false, negative: false }); // *「右クリック貼り付け」対応 $(".antirc").change(function() { $(this).keyup(); }); </script>
全角チェックも含めて、主要なブラウザでは特に問題なく動作しました。
(Firefox, Chrome, IE8+, Opera, Safari)
デモ
関連記事
-
「jqPlot」 カスタマイズ
以前、ここで使用した「jqPlot」ですが、色々なキーワードで訪問される方がいらっしゃったので、それを元ネタとして使わせてもらいカスタマイズ方法を紹介したいと思います。 以下4つのファイルへリンクし
-
Lightboxなどが実装できるプラグイン「Magnific Popup」
「Magnific Popup」はlightboxを実装できるjQueryプラグインです。 この手のものは、商用利用に制限がかかっているものが多いですがこのプラグインはMITライセンスで提供されてい
-
select(list)ボックスを左右に並べて視覚的に使いやすくしてくれる「Multiselect」
「Multiselect」は、selectボックスを左右に配置して、選択したもの・していないものを左右に分けてくれるjQueryプラグインです。視覚的に使いやすくしてくれます。ダウンロードはこちら
-
親要素の大きさに合わせて画像をリサイズ「imgLiquid」
「imgLiquid」は親要素の大きさに合わせて画像を縮小・切り取りを行ってくれるjQueryプラグインです。 ダウンロードはこちら スクリプト 実装
-
タブを画面サイズによってアコーディオンにしてくれる「Easy Responsive Tabs to Accordion」
「Easy Responsive Tabs to Accordion」はタブ表示を画面サイズによって折りたたみのアコーディオン形式に変換してくれるjQueryプラグインです。 デフォルトでは、768
-
テーブル・リスト要素を便利にしてくれるプラグイン
レスポンシブに対応したテーブルを実装できる「FooTable」 リストをインクリメント検索・ソートできる「List.js」 colResizable #カラム幅可変
-
時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)
「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 目次 実装方法 モダール形式 Datepicker
-
シンプルにモーダルウィンドウを実装できる「leanModal」
「leanModal」は、シンプルにモーダルウィンドウを設置できるjQueryプラグインです。オプションは少なめですが、複雑な機能は必要なく単に設置したいという場合にはもってこいのライブラリだと思いま
-
jqPlot - Legend(凡例) オプション
jqPlotの凡例(Legend)の設定オプションのまとめです。前提は、こちらを参照して下さい。 目次 凡例を表示 凡例の位置 [location, placement] 凡例のフォ
-
グリッドレイアウト プラグイン
Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb
- PREV
- 「まげでらんに」を応援!
- NEXT
- Skype 特定の機能を無効に
Comment
[…] [使い方] テキストボックスの入力値を数値限定にしてくれる「jQuery – numeric」 […]
テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」 http://t.co/TiUYLmymIz
入力フォームの数値のみ入力は、jQuery系プラグインで回避した。(htmlの拡張タグnumberではIE9がNGだった)http://t.co/pGc3jFZ0X5
jQuery | テキストボックスの入力値を数値限定にしてくれる「jQuery – numeric」 | Think deeply, Do less, More effective
[Reader Starred] jQuery | テキストボックスの入力値を数値限定にしてくれる「jQuery – numeric」 | Think deeply, Do less, More effective B! http://t.co/WAsfoFTxdN
via My Reading List: Unread http://readitlaterlist.com/users/atsystem/feed/unread
jQuery: テキストボックスの入力値を数値限定にしてくれる「jQuery ? numeric」 | Think deeply, Do less, More effective http://bit.ly/ZfZwnK