文本框只能输入数字网页代码

2015-01-20来源：易贤网

方法一、四事件组合完合可以实现文本框只能输入数字

<input type=text

onkeypress = 'return /^\d$/.test(string.fromcharcode(event.keycode))'

oninput= 'this.value = this.value.replace(/\d+/g, )'

onpropertychange='if(!/\d+/.test(this.value)){return;};this.value=this.value.replace(/\d+/g, )'

onblur = 'this.value = this.value.replace(/\d+/g, )'/>

方法二、jquery法实现文本框只能输入数字

控制文本框只能输入数字是一个很常见的需求，比如电话号码的输入、数量的输入等，这时候就需要我们控制文本框只能输入数字。在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的，然而当你转到中文输入法的时候输入的是中文，再按空格或回车键，中文或英文字母就输进去了，这时候就需要我们在文本框得到焦点的时候把输入法关闭，就是不响应输入法的切换。如下语句可以实现这样的功能。

下面的语句是用jquery写的，控制class为checknum的文本框只能输入数字和小数点。

js代码收藏代码

//监听键盘，只允许输入数字和小数点

$(.checknum).keypress(function(event) {

var keycode = event.which;

if (keycode == 46 || (keycode >= 48 && keycode <=57))

return true;

else

return false;

}).focus(function() {

this.style.imemode='disabled';

});