WEB开发网
开发学院网页设计JavaScript jquery实现文本框只能输入数字 阅读

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

 2013-02-27 15:51:57 来源:WEB开发网   
核心提示: 如下是例子的部分代码(2个方法都可以)<script type="text/javascript">$(document).ready(function() {onlyNum("test");}//文本框只能输入数字,不能输入小数点和字母 by johnfunct

 如下是例子的部分代码(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='' />

Tags:jquery 实现 文本

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接