HTML5验证消息？

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

<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浏览器输出任何东西。我想知道这个问题是否可以解决一些如何？到目前为止，我无法在所有浏览器中显示此错误消息。我的字段不是必需的，只有当值在字段中时才会触发验证。如果有人知道解决这个问题的方法，请告诉我。谢谢！

来源

2017-09-25 espresso_coffee

这是因为你使用特定于Firefox的x-moz-errormessage前缀没有为WebKit的（铬）没有等价的东西，但你可能想看看setCustomValidity

来源

2017-09-25 15:00:14

您也可优选使用JavaScript来验证您的形式尝试代替。

来源

2017-09-25 17:44:49 kelvin

为什么在HTML5已经验证时使用Javascript？ –

它提供了更好更灵活的客户端验证，您还可以将其与服务器端验证一起使用，以提高安全性。 – kelvin

HTML5验证消息？

回答

相关问题