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

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属性都具有的优点是Web上有多个易于使用的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搜索