为 Safari 浏览器强制执行 <Input type="email" Pattern>答案

【问题标题】：Enforce <Input type="email" Pattern > for Safari Browser为 Safari 浏览器强制执行 <Input type="email" Pattern>
【发布时间】：2015-08-16 04:15:33
【问题描述】：

<input type="email" name="Email" id="Email" class="text" placeholder="Email" autocomplete="ON" onblur="if (this.value == '') {this.value = '';}" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" />

我正在处理的 HTML 表单中有上述内容。我想强制执行电子邮件验证，以便用户必须输入具有有效电子邮件格式的条目。我知道这只是浏览器身份验证，我想在继续之前了解这一点。它在 Chrome 上运行良好，但在 Windows 的 Safari 上运行良好。当我输入“abc”时。在 Safari 浏览器的电子邮件字段中，它接受它。 Chrome 会提示您更正该条目。

谁能帮我弄清楚为什么这在 Safari 上不起作用？

【问题讨论】：

您现在正在做的是依赖 HTML5 required 属性，该属性对 type='email' 进行错误检查。我不确定为什么它在 Safari 中不起作用，我没有对其进行测试，但我更喜欢使用 JavaScript / jQuery 进行自己的错误检查。这是你要找的吗？

标签： html forms validation safari

【解决方案1】：

请注意，Windows 上的 Safari 是一个非常古老的浏览器 - Apple 在 2012 年初几乎停止了 v5.1 的开发（与 Mac 上的当前版本 8 相比）。

这意味着它缺少大量功能，并且存在许多突出的错误。

事实上，现在下载 Windows 版本已经不是一件容易的事了——Apple 基本上不再支持它，而且几乎没有人真正使用它。

简而言之，即使尝试在 Windows 上测试 Safari 也没有什么意义。当然可以测试 Mac 版本，但不要打扰 Windows 版本。

【讨论】：