当前位置: 代码迷 >> Web前端 >> jquery兑现文本框只能输入数字
  详细解决方案

jquery兑现文本框只能输入数字

热度:108   发布时间:2013-03-01 18:33:02.0
jquery实现文本框只能输入数字

如下是例子的部分代码(2个方法都可以)

<script type="text/javascript">

$(document).ready(function() {
onlyNum("test");
}

 

//文本框只能输入数字,不能输入小数点和字母 by  john
function onlyNum(id){
  $("#"+id).keydown(function(event)
     { var keyCode = event.which;
          if (keyCode == 46 || keyCode == 8 || keyCode == 37 || keyCode == 39 || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 96 && keyCode <= 105) )
             { return true; }
             else { return false } }
             ).focus(function()
                 { this.style.imeMode = 'disabled'; }
                 );
}
//文本框只能输入数字和小数点,不能输入字母   by  john
function pageOnlyNumber(evt){
 evt = (evt) ? evt : window.event;
 keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which :evt.charCode);
     if((keyCode < 48 || keyCode > 57) && keyCode != 8 && keyCode != 46)
  {
        if(window.event){
        
          window.event.returnValue = false;
    }
         else{
         evt.preventDefault();
     }
 }
}

 </script>

<input type="text" id="APPLY_FEE_RATE" name="APPLY_FEE_RATE" onkeypress="pageOnlyNumber(event)" maxlength="12" size="5"  value='' class="validate[funcCall[checkFunction]]" />

<input type="text" name="test" id="test" value='' />
  相关解决方案