正则表达式可选后缀

Question

我使用以下正则表达式来验证 CSS 大小:

([0-9]*\.?[0-9]+)(em|px|%)

因此以下尺寸是有效的:

• 10px
• 10.2px
• 1.5em
• 100%

如何更改正则表达式以使单位 (em|px|%) 可选以仅允许数字？

Answer 1

您可以简单地在末尾添加 ? 使该单元可选。

([0-9]*\.?[0-9]+)(em|px|%)?

由于单位现在是可选的，这种模式也将允许只有数字的实体。但是请注意，这样做也会部分匹配使以下内容有效的内容。

• 10 分
• 10无效

如果这是一个问题，那么您可以添加 ^ 字符串开头和 $ 行尾字符串模式修饰符来限制检查。

([0-9]*\.?[0-9]+)(em|px|%)?$