テキストボックスの入力値を数値限定にしてくれる「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)
デモ

Related

数値入力に便利なステッパーを実装「Numeric Stepper」 数値入力スライダー「jQuery Simple Slider」 クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」 入力数値の桁区切り挿入 日付入力に便利な「Datepicker for Bootstrap」 時刻入力に便利な「Timepicker for Bootstrap」 クリックするとテキストボックスにかわるラベルを実装 時刻入力に便利な「Timepicker for Bootstrap」(Bootstrap 2)