以为我已经掌握了这个窍门，显然不是。我可以在范围外输入一个数字，但没有提示框。
<body>
<form action="trial.php" method="post" name="trial" target="_top">
<input class ="score" id = "scorebox" type="number" value="0" size="5" maxlength="5"
oninput="scorecheck()"/>
</form>
<script>
function scorecheck(){
var check = parseInt((document.getElementByClassName('score').value));
if ((check < -1) || (check > 21))
alert("Please enter in range between 0 to 21");
}
</script>
</body>
如果你检查你的控制台，你可能会看到一些错误。
特别是你可能会看到这样的内容 getElementByClassName 不是一个函数.幸运的是 getElementsByClassName (注意 Element 后面的's')是一个函数，它返回一个包含该类所有元素的数组。然后我们可以通过这样的方式来修正你的代码
var check = parseInt((document.getElementsByClassName('score')[0].value));