javascript - 当 html5 验证失败时发出警报

Question

所以我需要的只是在我的 html5 验证失败时出现的警报，例如:

alert("Error, please fill all required fields before submitting.");

是否有某种事件可用于使用 JavaScript 或 jQuery 显示此警报？

这看起来很基础，但我在网上找不到任何相关信息。我所能找到的只是更改直接出现在字段上的弹出消息的方法。

我需要这个，因为我的表单跨越多个选项卡，因此显示错误消息的气泡可能并不总是出现，具体取决于用户提交表单时所处的位置。

Answer 1

如果输入未通过验证，则会触发 invalid 事件: https://developer.mozilla.org/en-US/docs/Web/Events/invalid

使用 jQuery 你可以做这样的事情:

$('input[required]').on('invalid', function(e){
  alert("Error, please fill all required fields before submitting.");
});

http://jsfiddle.net/644Lou8k/1/