Javascript 如何捕获Chrome字段验证错误事件
我使用HTML5表单字段类型“email”。Chrome将在提交时验证该字段的值,并在出现错误时通过工具提示消息直观地通知用户。Javascript 如何捕获Chrome字段验证错误事件,javascript,html,validation,google-chrome,Javascript,Html,Validation,Google Chrome,我使用HTML5表单字段类型“email”。Chrome将在提交时验证该字段的值,并在出现错误时通过工具提示消息直观地通知用户。 同时,我在submit按钮上附加了一个JS插件,它在submit时禁用它,并将文本更改为“登录…” 发生验证警报/错误时,如何捕获事件? 我需要这个,以便再次启用提交按钮 亲切的问候, 巴特 编辑: 因此,我找到了一种禁用验证的方法:stackoverflow.com/questions/3090369/…但问题仍然存在:是否有方法捕获事件?您可以侦听无效的事件或设置
同时,我在submit按钮上附加了一个JS插件,它在submit时禁用它,并将文本更改为“登录…” 发生验证警报/错误时,如何捕获事件?
我需要这个,以便再次启用提交按钮 亲切的问候,
巴特 编辑:
因此,我找到了一种禁用验证的方法:stackoverflow.com/questions/3090369/…但问题仍然存在:是否有方法捕获事件?您可以侦听
无效的事件或设置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);