读书人

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

发布时间: 2013-03-01 18:33:02 作者: rapoo

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='' />

读书人网 >Web前端

热点推荐