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