HTML5验证邮件？

Question

我在我的新项目中使用过HTML5，并且使用一些新功能似乎相当不错。然而，有一些事情是不确定的，我可以让他们工作。例如，如果我使用pattern属性进行字段验证，则错误消息不会显示在所有浏览器中。我读了很少的博客，但所有的博客都太旧了，我不确定哪些问题得到解决。这是我的例子：

<input type="text" name="frm_field1" id="frm_field1" style="width:50px" pattern="^/d{1,3}$" title="Numeric values up to 3 digits." x-moz-errormessage="Numeric values up to 3 digits allowed." />

以上代码将在Fierfox中输出错误消息，但不会在Chrome，Safari和IE中输出任何内容。我想知道这个问题是否可以修复一些如何？到目前为止，我无法在所有浏览器中显示此错误消息。我的字段不是必需的，仅当值在字段中时才会触发验证。如果有人知道解决这个问题的方法，请告诉我。谢谢！

Answer 1

这是因为您使用了特定于firefox x-moz-errormessage的前缀 对于webkit（chrome）没有相同的东西，但您可能希望查看setCustomValidity

Answer 2

您还可以尝试使用javascript来验证您的表单。