Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何捕获Chrome字段验证错误事件_Javascript_Html_Validation_Google Chrome - Fatal编程技术网

Javascript 如何捕获Chrome字段验证错误事件

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

我使用HTML5表单字段类型“email”。Chrome将在提交时验证该字段的值,并在出现错误时通过工具提示消息直观地通知用户。
同时,我在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);