oninvalid 事件
更多“自己嘗試”的例子見下文。
描述
當可提交的 <input> 元素無效時，會發生 oninvalid 事件。
例如，如果設定了 required 屬性且欄位為空，則輸入欄位無效（required 屬性指定在提交表單之前必須填寫輸入欄位）。
瀏覽器支援
表格中的數字指定了完全支援該事件的第一個瀏覽器版本。
| 事件 | |||||
|---|---|---|---|---|---|
| oninvalid | 是 | 10.0 | 是 | 是 | 是 |
語法
技術詳情
| 冒泡 | 否 |
|---|---|
| 可取消 | 是 |
| 事件型別 | 事件 |
| HTML 標籤 | <input> |
| DOM 版本 | Level 3 Events |
更多示例
示例
如果輸入欄位包含少於 6 個字元，則彈出一些文字
姓名：<input type="text" id="myInput" name="fname" pattern=".{6,}" required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("必須包含 6 個或更多字元");
}
</script>
自己動手試一試 »
示例
如果輸入欄位包含的數字小於 2 或大於 5，則彈出一些文字
數量：<input type="number" id="myInput" name="quantity" min="2" max="5" required>
<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);
function myFunction() {
alert("您必須選擇一個介於 2 到 5 之間的數字。您選擇了：" + this.value);
}
</script>
自己動手試一試 »
相關頁面
JavaScript 教程：JavaScript 表單
