正则表达式验证输入是否颜色值

正则表达式验证输⼊是否颜⾊值
1.正则：⽀持#FFFFFF格式或者RGB（255,255,255）格式
function CheckIsColor(bgVal) {
var type = "^#[0-9a-fA-F]{6}$";
var re = new RegExp(type);
if (bgVal.match(re) == null) {
type = "^[rR][gG][Bb][\(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)[\\s]*[\)]{1}$"; re = new RegExp(type);
if (bgVal.match(re) == null) {
return false;
} else {
return true;
}
} else {
return true;
}
}
2.创建⼀个dom，给dom添加颜⾊，能添加上说明颜⾊格式正确，否则格式错误
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<input type="text" class="input_color" />
<button class="get_color">点击获取是否是颜⾊</button>
<script type="text/javascript">
$(".get_color").click(function(){
var value=$(".input_color").val();
display_Check(value);
})
function inspect_Color(strColor)
{
var oSpan = $("<span style='color:"+strColor+";'></span>");
if(oSpan.get(0).style.color != "")
{
return true;
}
else
{
return false;
}
oSpan = null;
}
function display_Check(strColor)
{
if(inspect_Color(strColor))
{
alert(strColor + " 是有效的颜⾊值");
}
else
{
alert(strColor + " ⽆效");
}
}
</script>。