0

我在我的新项目中使用了 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 中不会输出任何内容。我想知道这个问题是否可以通过某种方式解决?到目前为止,我无法在所有浏览器中显示此错误消息。我的字段不是必需的,仅当字段中有值时才会触发验证。如果有人知道解决此问题的方法,请告诉我。谢谢!

4

2 回答 2

2

这是因为您使用的是特定于 firefox 的前缀x-moz-errormessage webkit (chrome) 没有等效的东西,但您可能想看看setCustomValidity

于 2017-09-25T15:00:14.047 回答
0

您也可以最好尝试使用 javascript 来验证您的表单。

于 2017-09-25T17:44:49.000 回答