Question

我正在使用它来验证来自Google脚本中Web应用程序的html页面的电子邮件地址。它不能验证并允许输入错误的电子邮件。

<input id="email" type="email" pattern="^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$" class="validate valid" required>

我该怎么办？

Answer 1

您不应尝试同时使用Type =“ email”或pattern来使用它们，因为这可能会在支持两种功能的浏览器中引起冲突。使用type =“ email”的优点是在语义上都是正确的，同时使用pattern属性，其优点是网络上有多个易于使用的polyfill，可确保支持更大范围的受众。尝试使用改进的正则表达式：

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

或

<input type="email" />

Answer 2

我认为您只需要在其周围加上斜线即可：

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

Found here “自我验证电子邮件html” google搜索

电子邮件和电话号码验证应用脚本

2 个答案: