逗号分隔的单词 Regex（html 输入模式）答案

【问题标题】：Comma separated words Regex (html input pattern)逗号分隔的单词 Regex（html 输入模式）
【发布时间】：2020-07-06 08:38:03
【问题描述】：

我试图强制用户输入逗号分隔的单词，并使用 HTML5 <input/> 标签的一部分的pattern 属性拒绝任何空格分隔的单词。

我的以下 Expression 表达式不起作用，即使 this 在我插入并测试它时说它起作用。

我的表情：^((([a-zA-Z]\s*)+)\, ?(([a-zA-Z]\s*)+))$

<div class="col-md-6">

    <input type="text" id="traits" name = "traits" class="form-control"  placeholder = "crazy, hyper, outgoing" pattern="^((([a-zA-Z]\s*)+)\, ?(([a-zA-Z]\s*)+))$" required>

</div>

【问题讨论】：

这个？ ^[a-zA-Z]+(,[a-zA-Z]+)*$
@kishkin 谢谢先生，它工作得很好。我假设我从该网站获得的正则表达式不适用于输入标签？发布作为upvote的答案
这个^(([1-9]\d{9})\,([1-9]\d{9}))$ 可以稍微修改一下：^[1-9]\d{9}(,[1-9]\d{9})*$。它将允许以非零数字开头的数字，数字的长度应为 10 位，逗号也一样：不允许有空格，一次不能超过一个逗号，逗号只能在数字之间。
@kishkin 我试图只接受文字。可以是一个单独的单词，例如“crazy”，也可以是一个单词列表，例如“crazy,hyper,fast”，甚至在逗号之间有空格，例如“crazy , hyper, fast”
然后对空格进行一点修正^[a-zA-Z]+(\s*,\s*[a-zA-Z]+)*$

标签： html regex validation input

【解决方案1】：

这只允许逗号分隔的单词：

^[a-zA-Z]+(,[a-zA-Z]+)*$

不允许有空格，一次不能超过一个逗号，逗号只能在单词之间。

Demo

【讨论】：