检查浏览器是否支持 HTML5 验证 [重复]答案

【问题标题】：Check if browser supports HTML5 validations [duplicate]检查浏览器是否支持 HTML5 验证 [重复]
【发布时间】：2015-03-10 21:13:25
【问题描述】：

我有一个这样的 CSS 代码：

.input:required:invalid {
  border: 1px solid red;
}

我的这个输入的 HTML 是这样的：

<input class="input" type="text" required="required" />

从 JS 中，我想知道浏览器是否支持 CSS 验证，例如在 Mac 版 Chrome 上，我收到一条错误消息，提示我应该填写该字段并阻止用户提交表单，但在 Mobile Safari 上它不会显示任何内容，它会允许用户提交表单。

这可能吗？我还有什么其他选择？

提前致谢！

【问题讨论】：

重复stackoverflow.com/q/8550642/604687 [已解决]
@Ninjakannon 谢谢！我在寻找与此相关的信息时看到了该帖子，事实是，checkValidity 实际上是在 Mobile Safari 上定义的，我可以添加一个事件来侦听表单的提交，如果 checkValidity 为 false，则可以使用 preventDefault，但这在浏览器上支持表单验证不会显示无效输入的错误消息

【解决方案1】：

据我所知，没有办法使用 CSS 验证表单。我相信您是在谈论 HTML5 验证并为错误消息或必填字段添加 CSS 样式？

【讨论】：