javascript - 使用 HTML5 验证多个电子邮件地址

Question

我正在尝试构建一个电子邮件表单，该表单将多个逗号分隔的电子邮件作为输入并使用 HTML5 验证它们。我想使用以下正则表达式来检查输入:

\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b

这是我尝试过的

这似乎不适用于多个:

<input type="email" pattern="\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b" value="" multiple>

这行得通，但只能进行内置的电子邮件验证，这似乎类似于 .+@.+。

<input type="email" value="" multiple>

有没有办法混合模式和多个，以便正则表达式检查逗号分隔列表中的每个项目？

我这里有一个演示:http://codepen.io/ben336/pen/ihjKA

Answer 1

试试这个:

<input type="email" multiple pattern="^([\w+-.%]+@[\w-.]+\.[A-Za-z]{2,4},*[\W]*)+$" value="">

更新:

使用 <input type="email" value="" multiple>让“a@b”通过似乎确实被窃听了。尽管我会使用这种方法来保持您所说的语义，并且只需在服务器端使用验证，以防万一有人尝试提交“a@b”之类的电子邮件。

请注意，无论如何，出于安全原因，您应该始终在服务器端进行验证，因为客户端验证很容易被绕过。