为什么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@或[email protected]等

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

Answer 1

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

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

理论上你可以有一个没有“。”的地址。在

看到原来的answer here