ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文

  メンテナンス 前画面に戻る

対象スレッド 件名: jQuery で入力制限プラグイン
名前: lightbox
処理選択
パスワード

件名 jQuery で入力制限プラグイン
名前 lightbox
コメント
@HTML
<input class="numField" type="text" /> <input class="numField" type="text" /> <input class="numField" type="text" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><script type="text/javascript">

$.fn.extend({ 
	numField: function(){
		$(this).bind('keydown', function(evt) {
			// 数字( 0〜9 )
			if ( 48 <= evt.keyCode && evt.keyCode <= 57 ) {
				return;
			}
			// テンキー( 0〜9 )
			if ( 96 <= evt.keyCode && evt.keyCode <= 105 ) {
				return;
			}
			// 矢印
			if ( 37 <= evt.keyCode && evt.keyCode <= 40 ) {
				return;
			}
			// DEL
			if ( evt.keyCode == 46 ) {
				return;
			}
			// タブ
			if ( evt.keyCode == 9 ) {
				return;
			}
			// バックスペース
			if ( evt.keyCode == 8 ) {
				return;
			}
			if (navigator.userAgent.toLowerCase().indexOf("msie") > -1) {
				try{evt.returnValue = false;}catch(ex){}
			}
			try{evt.preventDefault();}catch(ex){}
		});
		return this;
	}  
});

// プラグインの実行
$(".numField").numField()
 .css("background-color", "#e0e0ff")
 .css("width","70px")
 .attr("maxlength",6);

</script>
@HEND


@DIV
<input class="numField" type="text" />
<input class="numField" type="text" />
<input class="numField" type="text" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">

$.fn.extend({ 
	numField: function(){
		$(this).bind('keydown', function(evt) {
			// 数字( 0〜9 )
			if ( 48 <= evt.keyCode && evt.keyCode <= 57 ) {
				return;
			}
			// テンキー( 0〜9 )
			if ( 96 <= evt.keyCode && evt.keyCode <= 105 ) {
				return;
			}
			// 矢印
			if ( 37 <= evt.keyCode && evt.keyCode <= 40 ) {
				return;
			}
			// DEL
			if ( evt.keyCode == 46 ) {
				return;
			}
			// タブ
			if ( evt.keyCode == 9 ) {
				return;
			}
			// バックスペース
			if ( evt.keyCode == 8 ) {
				return;
			}
			if (navigator.userAgent.toLowerCase().indexOf("msie") > -1) {
				try{evt.returnValue = false;}catch(ex){}
			}
			try{evt.preventDefault();}catch(ex){}
		});
		return this;
	}  
});

// プラグインの実行
$(".numField").numField()
 .css("background-color", "#e0e0ff")
 .css("width","70px")
 .attr("maxlength",6);

</script>
@END