Javascript HTML5/JS约束验证错误

我正在尝试使用约束验证API来验证表单，以自定义错误消息

根据mozilla（） 一切都应该正常，但是当我尝试验证一个简单的邮件输入时，我有一个奇怪的错误，没有检测到无效邮件

下面是我的代码示例：

<input type="mail" id="mail" name="mail"/>

控制台的答案是：

customError : false
patternMismatch : false
rangeOverflow : false
rangeUnderflow : false  
stepMismatch : false    
tooLong : false 
typeMismatch : false
valid : false   
valueMissing : true

所以我假设函数调用正在工作

如果我将输入留空，则得到相同的答案。如果我用“a”或随机字符串，答案是一样的。 如果我写了一封有效的邮件，同样的答案

如果我放入一个必需属性，则会检测到空

你知道发生了什么事吗

是API太年轻而不能使用，还是我遗漏了什么

我可以使用什么作为替代方案

---

谢谢阅读，我的英语很抱歉。

您应该使用类型

电子邮件

看看你发布的链接

例如：

<form>
  <label for="mail">I would like you to provide me an e-mail</label>
  <input type="email" id="mail" name="mail">
  <button>Submit</button>
</form>


我想请你给我发一封电子邮件
提交

类型
mail
将无法识别。就这么简单。
您应该使用类型
电子邮件

看看你发布的链接

例如：

<form>
  <label for="mail">I would like you to provide me an e-mail</label>
  <input type="email" id="mail" name="mail">
  <button>Submit</button>
</form>


我想请你给我发一封电子邮件
提交

类型
mail
将无法识别。就这么简单。
指定您使用的浏览器非常有用。它是firefox，但在所有浏览器上都是一样的。因为PEBKAC。指定您使用的浏览器将非常有用。它是firefox，但在所有浏览器上都是相同的。因为PEBKAC.O_O。。。当然谢谢。我因为一个“e”而损失了30小时的工作。妈的，你。。。当然谢谢。我因为一个“e”而损失了30小时的工作。倒霉。