为什么HTML5模式未检测到错误/正确的电子邮件地址？

Question

我已经使用过

       <input type="text" id="email" name="email" pattern="[a-z0-9._%+-]+[a-z0-9.-]+\.[a-z]{2,3}$" class="form-control" placeholder="Email" required>

因此，如果电子邮件地址的格式无效，则会引发错误。

它会捕获错误的电子邮件地址格式，例如name@jjjj或名称或name@或name@jj.cooooo等

但是它不起作用，即它抛出消息，即即使电子邮件正确也必须匹配模式。

Answer 1

使用<input type="email"> to get browser support进行检查。

回答为什么接受“ johnny @ gmail”：

  

理论上，您可以使用不带“。”的地址。在

查看原始的answer here