如何以编程方式关闭 HTML5 表单验证错误消息？答案

【问题标题】：How to programmatically close an HTML5 form validation error message?如何以编程方式关闭 HTML5 表单验证错误消息？
【发布时间】：2011-09-09 03:43:49
【问题描述】：

如何以编程方式关闭 HTML5 表单验证错误消息？

弹出表单验证错误信息后，如何以编程方式关闭或隐藏？

我使用的是 Opera 11.51。

【问题讨论】：

什么是“表单验证错误消息”？您是指alert 框吗？
@Xeon06，在最新版本的 Opera、Chrome、Firefox 等中试试这个diveintohtml5.org/examples/input-required.html。应该会出现一条错误消息。我想以编程方式关闭错误消息。
哦，快。这是一个很好的问题。我会将该信息添加到主帖中。
您有显示该错误消息的代码吗？如果你这样做了，我们可以告诉你如何清除它。
没有“显示该错误的代码”，此外，如果您查看 FireBug，则没有向 DOM 添加 HTML 来显示此消息。我们是否相信它类似于警报？那么这个对象是如何管理的呢？

【解决方案1】：

当输入字段在 HTML5 中无效时，它会在元素上设置一个“无效”属性。要隐藏它，我相信您可以捕获此事件，然后返回false 将其设置回有效：

<script type="text/javascript">
<!-- // suppress "invalid" event
$('#element').bind('invalid', function() {
   return false;
});
// -->
</script>

【讨论】：

好的，但我希望首先显示错误消息，然后在一段时间或事件发生后，我想以编程方式关闭错误消息。
我一直在研究如何以编程方式设置元素的有效性，但我找不到一个好的答案。这有点小技巧，但是当您失去焦点时错误消息会消失，因此您可以只 blur 元素然后将焦点发送回它。
inputElement.blur(); inputElement.focus(); 有效。在我们找到更好的方法之前，我会接受这一点。

【解决方案2】：

您的问题很模糊，但我认为您的意思是，能够清除您给用户的错误消息，对吗？

如果您让错误消息出现在您指定的 div 框中，只需使用 onClick 函数从该 div 清除消息。像这样的。

document.onMousedown=function(ev){
document.getElementById('THE DIV WITH THE ERROR MESSAGE').innerHTML = null;

}

【讨论】：

不，我说的是 HTML5 客户端表单验证错误消息。请参阅diveintohtml5.org/forms.html#validation 并在 OP 中进行评论。