さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】テキストボックスで数字のみしか入力できないようにする(keydown)

Pocket
LINEで送る

テキストボックスで数字のみしか入力できないように入力制限をかける方法です。(keydownを使用)

javascript

$(function() {
	$('.text-input').on("keydown", function(e){
		var k = e.keyCode;
		// 0~9, テンキ―0~9, スペース, backspace, delete, →, ←, 以外は入力キャンセル
		if(!((k >= 48 && k <= 57) || (k >= 96 && k <= 105) || k === 32 || k === 8 || k === 46 || k === 39 || k === 37)) {
			return false;
		}
	});
});

カテゴリー:JQuery, form

コメントを残す

コメント内容