HTML5验证邮件?

时间:2017-09-25 14:28:41

标签: html5 html5-validation

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

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