主页
JS 参考手册
oninvalid 事件
tryjsref_oninvalid3
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <form action="/action_page.php" method="get"> 在 2 到 5 之间选择一个数字：<input type="number" id="myInput" name="quantity" min="2" max="5" required> <input type="submit" value="提交"> </form> <p>如果您提交的表格中的数字小于 2 或大于 5， 将出现一条警告消息。</p> <p><strong>注意：</strong> Internet Explorer 9 及更早版本或 Safari 不支持 oninvalid 事件。</p> <script> document.getElementById("myInput").addEventListener("invalid", myFunction); function myFunction() { alert("您必须在 2 和 5 之间选择一个数字。您选择了：" + this.value); } </script> </body> </html>