您的位置:首页 > Web前端 > JQuery

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

2013-02-27 13:45 507 查看
如下是例子的部分代码(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='' />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: