哪个事件会导致浏览器显示HTML5验证消息？

Question

我正在尝试理解为什么我无法根据HTML5验证显示浏览器验证错误消息。

我在我的标记中有一个要验证的字段，以及一个调查其有效性的链接，以便知道是否在点击时触发。值得注意的是，这不是一种形式，从阅读HTML5 spec来看，我不清楚这是否是一个问题。当然，我可以对表单之外的字段使用checkValidity方法，这对我来说值得一看。

HTML

1

使用Javascript / JQuery的

print(result)
##Source: local data frame [4 x 5]
##Groups: subID [2]
##
##  subID location        mu     sigma         tau
##  <int>    <int>     <dbl>     <dbl>       <dbl>
##1     1        0 0.5275058 0.2553621 0.007086207
##2     1        1 0.2609386 0.1583494 0.085449559
##3     2        0 0.5205647 0.1994942 0.027329115
##4     2        1 0.4632886 0.2881343 0.008026460

从我到目前为止看到的行为来看，当我把它放在一个无效的电子邮件地址并尝试点击链接时，我希望这（根据规范）触发“简单事件”，据我所知，浏览器错误信息显示必须连接到什么。

但是没有出现验证消息。验证失败并且阻止链接跟随，如果我填写有效的电子邮件，则反之亦然。我错过了关于如何解雇或处理事件的事情吗？

还有其他答案涉及在字段周围创建表单和提交按钮，这将是我的最后手段，但这是一个额外无意义的噪音，以获得所需的功能，我想了解的根本原因我所看到的。

Answer 1

据我所知，没有外部事件可以被连接 - 浏览器在验证时不会从单个元素发布任何内容，而是在内部处理所有工作形式。

在某些early W3C docs中有一个名为reportValidity()的方法，即available in Chrome和on the list for possible Firefox features，但它并不足以表示它可用，这有助于指出checkValidity() 不会单独向用户显示验证错误。

如果您想暂时获得此功能，您必须将控件包装在表单中并禁止其在Javascript中的默认提交行为，或者以不同于其他方式向用户发出失败的验证信号。浏览器的默认实现。