判斷顏色是否合法的正則表達(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-08Jquery 返回json數(shù)據(jù)在IE瀏覽器中提示下載的問題
Jquery 返回json數(shù)據(jù),IE瀏覽器提示下載的問題,當(dāng)提交完數(shù)據(jù)后返回的本來是json數(shù)據(jù)的,在火弧里測(cè)試正常,解決方法如下2014-05-05JS/HTML5游戲常用算法之碰撞檢測(cè) 地圖格子算法實(shí)例詳解
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測(cè) 地圖格子算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript碰撞檢測(cè)算法的相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12JavaScript 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