input框，设置只能输入数字

最新推荐文章于 2025-09-17 17:43:42 发布

原创最新推荐文章于 2025-09-17 17:43:42 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了三种限制HTML输入框仅能输入数字的方法：使用type属性设置为number、利用正则表达式过滤非数字字符及通过键盘按键码拦截非数字输入。

首先，input有一个自己的属性，可以设置type为number如

<input type="number"></input>

这种方法只能用于电脑页面，手机输入还是可以输入汉字。

其次就是用js来实现。

首先是正则表达式形式

<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

这种方法写出来的input框可以输入字母汉字但是会自动删除。

最后是根据按键编码来实现的，同样这种方法只能用在键盘上。

function onlyNum()  
    {  
        if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))  
        {  
            if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))  
            {  
                event.returnValue=false;  
            }  
        }  
    }

然后再用input调用