input只能输入数字

最新推荐文章于 2024-07-03 11:46:28 发布

原创最新推荐文章于 2024-07-03 11:46:28 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Firefox #IE

java學習专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在HTML中使用JavaScript限制input输入框只接受数字输入的方法，包括兼容Firefox和IE浏览器的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input只能输入数字

方法一：

<input type="text" name="url" onkeypress="event.returnValue=IsNum()">

<script>

function IsNum()
{
return ((event.keyCode >= 48) && (event.keyCode <= 57));
}

</script>

在IE里没问题，firefox不支持event.keyCode，event.returnValue。

方法二：

<input type="text" name="url" onkeypress="return IsNum(event)">

<script>

function IsNum(e)
{
var key = window.event ? e.keyCode:e.which;
var keychar = String.fromCharCode(key);
reg = /\d/;
return reg.test(keychar);
}

</script>

firefox,IE都支持，可是把删除键也屏蔽了。

最后解决办法：

<input type="text" name="url" onkeypress="IsNum(event)">

<script>

function IsNum(e)
{
var k = window.event ? e.keyCode:e.which;
if (((k >= 48) && (k <= 57)) || k==8 || k==0)
{
}else
{
if(window.event)
{
window.event.returnValue = false;
}
else
{
e.preventDefault();//for firefox
}
}

}
</script>