判斷顏色是否合法的正則表達(dá)式(詳解)
"^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$";
意思是：以#開頭，后面是數(shù)字和a-f的字符（大寫或小寫），這個(gè)值是6位或3位。要匹配一個(gè)3為是為了符合css顏色的簡(jiǎn)寫規(guī)則：
"#abc"=="#aabbcc"
注意：如果需要進(jìn)行16位和10位的轉(zhuǎn)換，比如將顏色值轉(zhuǎn)成int存在數(shù)據(jù)庫，如果是6位的顏色沒問題，如果是3位的顏色就有問題了，因?yàn)楫?dāng)你取回來從10進(jìn)制轉(zhuǎn)為
16進(jìn)制的時(shí)候，你不知道他應(yīng)該是3位還是6位。
比如：#0000ff==轉(zhuǎn)10進(jìn)制==>255。如果是轉(zhuǎn)回來呢：255==轉(zhuǎn)16進(jìn)制==>ff，如果你知道是6位你可以自己加上“#0000”就變成“#0000ff”，如果是三位就變成“#0ff”
因此，如果是需要轉(zhuǎn)10進(jìn)制保存的情況下，不應(yīng)該讓3位的顏色值存在，或者應(yīng)該在保存之前給他統(tǒng)一轉(zhuǎn)成6位的顏色值再轉(zhuǎn)10進(jìn)制。
以上這篇判斷顏色是否合法的正則表達(dá)式(詳解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)
下面小編就為大家?guī)硪黄猨s添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
這篇文章詳細(xì)介紹了JavaScript定時(shí)器及實(shí)例，有需要要的朋友可以參考一下2013-08-08
Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問題
Jquery 返回json數(shù)據(jù)，IE瀏覽器提示下載的問題，當(dāng)提交完數(shù)據(jù)后返回的本來是json數(shù)據(jù)的，在火弧里測(cè)試正常，解決方法如下2014-05-05
在本篇文章里我們給大家分享了關(guān)于JS中pop使用方法的實(shí)例內(nèi)容，有興趣的朋友們學(xué)習(xí)下。2019-01-01
這篇文章主要為大家詳細(xì)介紹了js編寫輪播圖效果的代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
JS/HTML5游戲常用算法之碰撞檢測(cè) 地圖格子算法實(shí)例詳解
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 地圖格子算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript碰撞檢測(cè)算法的相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
JavaScript trim 去除字符串空格的三種方法(附代碼詳解)
個(gè)人認(rèn)為最好的方法.采用的是正則表達(dá)式,這是最核心的原理.因?yàn)榭崭裼卸喾N形式。2010-05-05
詳解addEventListener的三個(gè)參數(shù)之useCapture
本文主要給大家介紹的是addEventListener的三個(gè)參數(shù)之中的useCapture參數(shù)的使用及示例分享，有需要的小伙伴參考下2015-03-03
如何動(dòng)態(tài)的導(dǎo)入js文件具體該怎么實(shí)現(xiàn)
如何需要進(jìn)行動(dòng)態(tài)的導(dǎo)入js文件，那么下面的方法或許可以幫助到大家2014-01-01
全面解析Bootstrap中nav、collapse的使用方法
這篇文章主要為大家詳細(xì)解析了Bootstrap中nav、collapse的使用方法，感興趣的朋友可以參考一下2016-05-05