Validation HTML5模式到电子邮件字段

我正在学习HTML5模式是如何工作的，我正在尝试进行电子邮件字段验证。
问题是当我在模式中添加“@”时，当我尝试时，字段不认为它是有效的。如果我尝试不带“@”的模式，效果会非常好

验证要求：

->以5个字符或数字开头
->然后是@
->连续，范围在2到10个字符或数字之间
->然后。
->必须有“es”、“org”或“com”

代码：

PD：我知道电子邮件字段存在，但我正在测试html5模式。

您可以在html5中使用

type=“email”

。这将验证电子邮件，但要在特定模式下验证电子邮件，您需要在jquery/javascript中编写

regex

---

WHATWG社区共享了这个JavaScript和Perl兼容的正则表达式，它与HTML5

type=“email”

匹配

---

您的示例适用于示例输入

foof9@p3n.es

。注意：

标记不使用，也不需要结束斜杠，而且在HTML中从未使用过。@Rob好的，我会更改它，谢谢。这是否回答了您的问题@杰克·格罗斯曼：哦，这很有效，我试着在在线正则表达式测试仪上加上引号。

/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/