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

【问题标题】：Email and Phone Number validation App Script电子邮件和电话号码验证应用脚本
【发布时间】：2020-04-05 07:26:25
【问题描述】：

我正在使用它来验证来自 html 页面的电子邮件地址，用于 Google Scripts 中的 Web 应用程序。它没有验证并允许错误的电子邮件输入。

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

我该怎么办？

【问题讨论】：

【解决方案1】：

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

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

或者

<input type="email" />

【讨论】：

【解决方案2】：

我认为你只需要像这样在它周围加上斜线：

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

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

【讨论】：