javascript - 输入模式允许多个主题标签，除以空格 (#one #two)

Question

请帮助我为输入元素 ( <input pattern="myPattern"> ) 的模式属性定义一个模式，它允许键入一个或多个主题标签，以空格分隔。例如:

#first //valid
#Second #and-3rd //valid
#one#two //invalid

我试过了 (^|\s)(#[a-z\d-]+) , 但它仅适用于输入中的一个标签。我怎样才能增强它以允许多个标签？

提前致谢。

Answer 1

您可以使用此正则表达式允许以 # 开头并以空格分隔的单词:

^#[\w-]+(?:\s+#[\w-]+)*$

RegEx Demo

正则表达式说明:

^           # Start
#           # match literal #
[\w-]+      # match 1 or more word chars or hyphen
(?:         # start non-capturing group
   \s+      # match 1 or more whitespace
   #        # match literal #
   [\w-]+   # match 1 or more word chars or hyphen
)*          # end of capturing group. * makes this group match 0 more times
$           # End

PS:请注意，当在 input 模式中使用 reges 时，不需要 anchor ^ 和 $。