javascript - 验证 html 颜色代码 JS

Question

我正在寻找验证 html 颜色代码的代码。想检查用户是否输入了有效的颜色代码，你能帮忙吗？

我知道我需要正则表达式的东西，但我无法理解对正则表达式的思考:S

谢谢

Answer 1

你可以像这样匹配十六进制颜色:

if (/^#[0-9a-f]{3}([0-9a-f]{3})?$/i.test(str)) {
    //Match
}

请注意，这不会处理名称或 rgb(n, n, n)。

你可以像这样匹配 rgb(x, y, z) 颜色:

if (/^rgb\s*(\s*[012]?[0-9]{1,2}\s*,\s*[012]?[0-9]{1,2}\s*,\s*[012]?[0-9]{1,2}\s*)$/i.test(str)) {
    //Match
}

请注意，这将匹配 rgb(299, 299, 299)。