判斷顏色是否合法的正則表達(dá)式(詳解)
"^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$";
意思是：以#開(kāi)頭，后面是數(shù)字和a-f的字符（大寫(xiě)或小寫(xiě)），這個(gè)值是6位或3位。要匹配一個(gè)3為是為了符合css顏色的簡(jiǎn)寫(xiě)規(guī)則：
"#abc"=="#aabbcc"
注意：如果需要進(jìn)行16位和10位的轉(zhuǎn)換，比如將顏色值轉(zhuǎn)成int存在數(shù)據(jù)庫(kù)，如果是6位的顏色沒(méi)問(wèn)題，如果是3位的顏色就有問(wèn)題了，因?yàn)楫?dāng)你取回來(lái)從10進(jìn)制轉(zhuǎn)為
16進(jìn)制的時(shí)候，你不知道他應(yīng)該是3位還是6位。
比如：#0000ff==轉(zhuǎn)10進(jìn)制==>255。如果是轉(zhuǎn)回來(lái)呢：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)文章
slice()方法和splice()方法都是原生js中對(duì)數(shù)組操作的方法。那么他兩種有什么區(qū)別呢？今天通過(guò)本文教程給大家簡(jiǎn)單介紹下,需要的朋友可以參考下2017-03-03
淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題
今天小編就為大家分享一篇淺談layui分頁(yè)控件field參數(shù)接收對(duì)象的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
昨天群里面的朋友問(wèn)了個(gè)比較有意思的問(wèn)題,keydown,keyup,keypress事件的先后順序。2009-02-02
JS網(wǎng)絡(luò)游戲-(模擬城市webgame)提供的一些例子下載
JS網(wǎng)絡(luò)游戲-(模擬城市webgame)提供的一些例子下載...2007-10-10
url參數(shù)中有+、空格、=、%、&、#等特殊符號(hào)的問(wèn)題解決
url參數(shù)中有+、空格、=、%、&、#等特殊符號(hào)的問(wèn)題解決，需要的朋友可以參考一下2013-05-05
ECMAScript6變量的解構(gòu)賦值實(shí)例詳解
ES6允許按照一定模式，從數(shù)組和對(duì)象中提取值，對(duì)變量進(jìn)行賦值，這被稱(chēng)為解構(gòu)（Destructuring），下文中給大家提供了嵌套數(shù)組的解構(gòu)例子，大家一起看看吧2017-09-09
Bmail聯(lián)系人飛來(lái)飛去效果...2007-01-01
Date() 日期對(duì)象是一個(gè)構(gòu)造函數(shù)必須使用new來(lái)調(diào)用創(chuàng)建我們的日期對(duì)象,本文給大家介紹JS中的Date()使用小結(jié),感興趣的朋友一起看看吧2024-01-01![this[] 指的是什么內(nèi)容 討論](http://img.jbzj.com/images/xgimg/bcimg8.png)
this[] 指的是什么內(nèi)容 討論...2007-03-03
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)框的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02