判断颜色是否合法的正则表达式(详解)


Posted in Javascript onMay 03, 2017

"^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$";

意思是:以#开头,后面是数字和a-f的字符(大写或小写),这个值是6位或3位。要匹配一个3为是为了符合css颜色的简写规则:

"#abc"=="#aabbcc"

注意:如果需要进行16位和10位的转换,比如将颜色值转成int存在数据库,如果是6位的颜色没问题,如果是3位的颜色就有问题了,因为当你取回来从10进制转为

16进制的时候,你不知道他应该是3位还是6位。

比如:#0000ff==转10进制==>255。如果是转回来呢:255==转16进制==>ff,如果你知道是6位你可以自己加上“#0000”就变成“#0000ff”,如果是三位就变成“#0ff”

因此,如果是需要转10进制保存的情况下,不应该让3位的颜色值存在,或者应该在保存之前给他统一转成6位的颜色值再转10进制。

以上这篇判断颜色是否合法的正则表达式(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
九种js弹出对话框的方法总结
Mar 12 Javascript
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 Javascript
jQuery实现数字加减效果汇总
Dec 16 Javascript
jQuery中last()方法用法实例
Jan 06 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
Jan 23 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
JavaScript中严格判断NaN的方法
Feb 16 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
JavaScript接口实现方法实例分析
May 16 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 #Javascript
ES6中参数的默认值语法介绍
May 03 #Javascript
Express之get,pos请求参数的获取
May 02 #Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 #Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 #Javascript
JavaScript比较两个数组的内容是否相同(推荐)
May 02 #Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 #Javascript
You might like
php字符串截取问题
2006/11/28 PHP
php自定义函数之递归删除文件及目录
2010/08/08 PHP
理解JSON:3分钟课程
2011/10/28 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
jquery对元素拖动排序示例
2014/01/16 Javascript
浅析Node.js查找字符串功能
2014/09/03 Javascript
常用的jQuery前端技巧收集
2014/12/24 Javascript
js实现背景图片感应鼠标变化的方法
2015/02/28 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
js判断移动端是否安装某款app的多种方法
2015/12/18 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
webpack多页面开发实践
2017/12/18 Javascript
select获取下拉框的值 下拉框默认选中方法
2018/02/28 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
8个非常实用的Vue自定义指令
2020/12/15 Vue.js
[02:24]DOTA2痛苦女王 英雄基础教程
2013/11/26 DOTA
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
Python模块包中__init__.py文件功能分析
2016/06/14 Python
Django基础之Model操作步骤(介绍)
2017/05/27 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
numpy数组广播的机制
2019/07/12 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
岳父生日宴会答谢词
2014/01/13 职场文书
光荣入党自我鉴定
2014/01/22 职场文书
经济贸易系求职信
2014/08/04 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
解决ObjectMapper.convertValue() 遇到的一些问题
2021/06/30 Java/Android
java多态注意项小结
2021/10/16 Java/Android