HTML oninvalid 事件
当提交的<input>元素无效时，将发生oninvalid事件。
实例
<!DOCTYPE html><html><body><form action="/example/html/action_page.aspx" method="get">名称: <input type="text" oninvalid="alert('你必须填完表单!');" name="fname" required><input type="submit" value="提交"></form><p>如果单击“提交”，却没有填写文本，则会出现一条警报消息。</p><p><strong>备注:</strong> oninvalid 事件 Safari 中不支持。</p></body></html>
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| oninput | Yes | Yes | Yes | No | Yes |
定义和用法
当提交的<input>元素无效时，将发生oninvalid事件。
例如，如果设置了required属性并且字段为空，则输入字段无效（required属性指定在提交表单之前必须填写输入字段）。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element oninvalid="script">
属性值
| 值 | 描述 |
|---|---|
| script | oninvalid 发生时运行的脚本。 |
更多实例
<!DOCTYPE html><html><body><form action="/example/html/action_page.aspx" method="get">名称: <input type="text" oninvalid="alert('必须包含6个及以上的字符');" name="fname" pattern=".{6,}"><input type="submit" value="提交"></form><p>如果提交的输入字段少于6个字符，则会出现警报消息。</p><p><strong>备注:</strong> oninvalid 事件 Safari 中不支持。</p></body></html>