テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」
![](http://kwski.net/blog/wp-content/uploads/2013/02/783-600x270.jpg)
「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)
デモ
関連記事
-
-
ECサイトの商品表示に使えそうなスライダー「Simple Multi-Item Slider」
「Simple Multi-Item Slider」は、いうなればネスト型の画像スライダーです。ECサイトでの商品陳列からサムネイルメニューなどにも使用できそうです。ダウンロード デモ スクリプ
-
-
Bootstrap Modal + 拡張機能が実装できるプラグイン(Bootstrap 2)
Twitter Bootstrap Modalは、標準のモーダルウィンドウに様々な機能を追加することができます。 Twitter Bootstrap純正スクリプト ダウンロード / サイト
-
-
商用利用フリー Lightbox プラグイン
商用利用フリー(投稿時)のlightbox用プラグインをまとめてみました。最新のライセンスに関しては各サイトに確認をお願いいたします。) lightboxの中にもギャラリー表示が可能なもの、ギャラリ
-
-
グリッドレイアウト プラグイン
Waterfall サイト pinbox [browser-shot url="http://kayschneider.github.io/pinbox/example/pinb
-
-
レスポンシブに対応したテーブルを実装できる「FooTable」
「FooTable」は、画面の大きさに合わせて表示をかえてくれるテーブルを実装できるjQueryプラグインです。かなり、シンプルに実装できます。ダウンロード #v2にアップデートされたため刷
-
-
マウスオーバーでキャプション表示してくれる プラグイン
画像マウスオーバーするとキャプションを出現させるプラグイン (jQuery 1.10.2で動作確認のできたものに限定しています。デモ一覧) imgタグの#alt属性から自動でキャプションを生成
-
-
時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)
「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 目次 実装方法 モダール形式 Datepicker
-
-
ローソク足チャート「jqPlot」
「ローソク足チャート」は株価の4本値を表示するグラフでよく使われるグラフです。 一つのプロットでOHLC(Open, High, Low, Close) それぞれ、Openは始値、Highは高値、
-
-
バリデーション プラグイン
Nod Nod サイト | デモ [browser-shot url="http://rickharrison.github.io/validate.js/" width="2
-
-
日付入力に便利な「Datepicker for Bootstrap」
「Datepicker for Bootstrap」はテキストボックスにカレンダーを表示して日付入力を便利にしてくれるjQueryプラグインです。 目次 Datepicker for Boot
- 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