例
提醒一些文本如果输入字段无效：
<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(){ 试一试» 注意： 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的形式
<事件对象