正则表达式验证输入是否颜色值
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>
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添加颜色，能添加上说明颜色格式正确，否则格式错误