html - 逗号分隔的单词正则表达式（html 输入模式）

Question

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

我的以下 Expression 表达式不起作用，即使当我插入并测试它时它说它确实有效。

我的表达：^((([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>

标签： htmlregexvalidationinput

Answer 1

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

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

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

演示