使用新域名的错误 HTML5 电子邮件验证答案

【问题标题】：Wrong HTML5 email validation with new domain names使用新域名的错误 HTML5 电子邮件验证
【发布时间】：2016-11-11 10:57:15
【问题描述】：

我正在使用标准的 HTML5 电子邮件地址验证，但我收到新域“技术”的错误 (test@mycustomer.technology) 我尝试修改模式，但仍然收到电子邮件错误

我的代码

<input pattern="/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" type="email" name="email" id="email" placeholder="E-MAIL ADRESS" />

有什么想法吗？

【问题讨论】：

那个模式看起来不错，regex101.com/r/pjcY4j/1

标签： validation email dns

【解决方案1】：

问题在于模式开头和结尾的斜线。在javascript中做RegEx时使用，在html5元素中指定pattern时不需要：

<form>
<input pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" type="email" name="email" id="email" placeholder="E-MAIL ADRESS" /> 
<input type="submit" />
</form>

【讨论】：