正則表達式驗證輸入是否顏色值


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM