如何检查字符串“绿色”是否在Jquery中是否有效？

Question

我有用户提供颜色名称的场景。为此，我首先需要使用jquery检查用户提供的颜色名称是否有效。

例如，用户可以提供橙色值，或输入拼写错误。

如何检查。

任何帮助对我来说都是最好的。

Answer 1

您可以在页面上将该颜色设置为任何隐藏的测试元素（默认颜色为白色）。然后从该元素中检索color属性。如果它不是白色，那么颜色是有效的。否则它不是。

$('#testelement').css('background-color', colorstring);
var coloris = !(/\d/.test(colorstring)) && (colorstring == "white" || $('#testelement').css('background-color') != "rgb(255, 255, 255)")   ? "valid" : "invalid";
alert(colorstring +' is '+ coloris );