如何捕获 Chrome 字段验证错误事件 [重复]答案

【问题标题】：How to catch Chrome field validation error event [duplicate]如何捕获 Chrome 字段验证错误事件 [重复]
【发布时间】：2014-03-27 16:43:42
【问题描述】：

我使用 HTML5 表单字段类型“电子邮件”。 Chrome 将在提交时验证该字段的值，并在出现错误时通过工具提示消息直观地通知用户。
同时，我在提交按钮上附加了一个 JS 插件，它在提交时禁用它并将文本更改为“登录 ...”。

如果出现验证警报/错误，我如何捕获事件？
我需要这个才能再次启用提交按钮。

亲切的问候，
巴特

编辑：
所以我找到了一种禁用验证的方法：stackoverflow.com/questions/3090369/... 但问题仍然存在：有没有办法捕获事件？

【问题讨论】：

标签： javascript html validation google-chrome

【解决方案1】：

您可以监听invalid 事件或设置oninvalid 属性。当您尝试提交表单但元素验证失败时，它将启动。

function listener(event) {
    event.preventDefault(); // prevent the browsers default behavior
    console.log(event); // log the generated event
}

var input = document.getElementById('number');
input.addEventListener('invalid', listener);

Demonstrated on JSFiddle

【讨论】：