使用新域名进行错误的HTML5电子邮件验证

Question

我正在使用标准的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" /> 

有什么想法吗？

Answer 1

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

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;