为什么当我在范围外插入一个数字时,我的提示框不出现?

以为我已经掌握了这个窍门,显然不是。我可以在范围外输入一个数字,但没有提示框。

<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));

本文来自投稿,不代表运维实战侠立场,如若转载,请注明出处:https://www.shizhanxia.com/1107.html

(0)
上一篇 2022年6月29日 下午4:04
下一篇 2022年6月29日 下午4:04

相关推荐

发表评论

登录后才能评论