javascript - 如何在按键上验证数值

Question

我有这个简单的 HTML 文档

<input type="text"  id="my_text" onkeypress="valid_numbers(event);" size="30"/>
<script type="javascript">
function valid_numbers(e)
{
        var key=e.which || e.KeyCode;
        if  ( key >=48 && key <= 57)
         // to check whether pressed key is number or not 
                return true; 
         else return false;
}
</script>

我想要的是:

my_text 的 onkeypress 如果按下的键是数字，则允许否则拒绝写入字符。

但是上面的代码不起作用，my_text 元素接受任何字符，上面的代码有什么问题？!..

请帮忙!

Answer 1

我认为最简单的方法是:

<input type="text" onkeypress='return event.charCode >= 48 && event.charCode <= 57' />

但是当你粘贴一些文本时问题就来了，然后 HTML5 的数字类型输入可能是一个更好的选择:

<input type="number" />

顺便说一句 如果您搜索像this 这样的SO，您可以找到更好的建议.