Question

我有一个文本框，只接受数字，因为这个文本是针对卷号。我的以下代码符合我的目的。

<html>
<head><title>Sample Webpage</title></head>
<body>
<input type="text" name="roll_number" id="roll_number" value="25" placeholder="roll number" autocomplete="off" tabindex="1" maxlength="3" onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
</body>
</html>

但我在Firefox中遇到问题。当我尝试使用BACKSPACE / DELETE删除卷号时，没有任何工作。它也不接受这些密钥。但这在Chrome和IE中运行良好。该修复应该是什么？

Answer 1

快速解决方案是检查按下的键是否为＆＃34; Backspace＆＃34;，以便您可以使用以下代码修改代码：

<input type="text" name="roll_number" id="roll_number" value="25" placeholder="roll number" autocomplete="off" tabindex="1" maxlength="3" onkeypress='return (event.charCode >= 48 && event.charCode <= 57) || event.keyCode == 8'>

HTML文本仅包含数字

1 个答案: