最新的Web開發教程
 

oninvalid事件

事件對象參考 事件對象

提醒一些文本如果輸入字段無效:

<input type="text" oninvalid="alert('You must fill out the form!');" required>
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

當submittable發生oninvalid事件<input>元素無效。

例如,如果輸入字段是無效的required屬性設置和該字段為空(在required屬性指定輸入字段必須提交表單之前填寫)。


瀏覽器支持

在表中的數字規定,完全支持該事件的第一個瀏覽器版本。

事件
oninvalid 10.0 不支持

句法

在HTML:

在JavaScript:

object .oninvalid=function(){ 試一試»

在JavaScript中,使用addEventListener()方法:

object .addEventListener("invalid", myScript );
試一試»

注意: addEventListener()在Internet Explorer 8和更早版本不支持的方法。


技術細節

泡沫: 沒有
取消:
事件類型: 事件
支持的HTML標籤: <輸入>
DOM版本: 3級事件
例子

更多示例

提醒一些文本如果輸入字段包含少於6個字符:

Name: <input type="text" id="myInput" name="fname" pattern=".{6,}">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("Must contain 6 or more characters");
}
</script>
試一試»

提醒一些文本如果輸入字段包含一個數字,是大於5小於2或:

Number: <input type="number" id="myInput" name="quantity" min="2" max="5">

<script>
document.getElementById("myInput").addEventListener("invalid", myFunction);

function myFunction() {
    alert("You must pick a number between 2 and 5. You chose: " + this.value);
}
</script>
試一試»

相關頁面

JavaScript的教程: JavaScript的形式


<事件對象