コメント |
@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 |