JavaScriptで数値入力制限が簡単に出来る【numeric】

スポンサーリンク
HTML・JavaScript..

こんにちわ、ハル@haru_elpisです。

今回はJavaScriptで数値の入力制限が簡単に出来る「numeric」を紹介です。

「numeric」は正・負、整数・小数点チェック、更に全角チェックまでしてくれるので使い勝手の良いプラグインだと思います。

ダウンロード先(GitHub)

jquery.nemeric.jsのダウンロード先

HTML

<script type="text/javascript" charset="utf-8" src="./js/jquery.numeric.js"></script>
数値入力  :<input class="numeric antirc" type="text" name="num1" />
整数入力  :<input class="integer antirc" type="text" name="num2" />
正の数値入力:<input class="positive antirc" type="text" name="num3" />
正の整数入力:<input class="positive-integer antirc" type="text" name="num4" />

JavaScript

jQuery(function($) {
	// 数字入力対応(入力可能文字:0~9 , 0.1 , -1など)
	jQuery(".numeric").numeric();
	// 整数入力対応(入力可能文字:0~9 , -1など)
	jQuery(".integer").numeric({
		decimal: false
	});
	// 正の数値(入力可能文字:0~9 , 0.1など)
	jQuery(".positive").numeric({
		negative: false
	});
	// 正の整数(入力可能文字:0~9のみ)
	jQuery(".positive-integer").numeric({
		decimal: false,
		negative: false
	});
	// 全角文字入力対応
	jQuery(".antirc").change(function() {
	    jQuery(this).keyup();
	});
});

「numeric」はHTMLでclassの所が確認のポイントになると思います。

おわりっ

コメント

  1. […] 前回の記事→JavaScriptで数値入力制限が簡単に出来る【numeric】 […]

タイトルとURLをコピーしました