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


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 相关文章推荐
JavaScript 学习笔记(十三)Dom创建表格
Jan 21 Javascript
js中传递特殊字符(+,&)的方法
Jan 16 Javascript
jQuery中[attribute*=value]选择器用法实例
Dec 31 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
Dec 24 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
vue的事件绑定与方法详解
Aug 16 Javascript
使用clipboard.js实现复制功能的示例代码
Oct 16 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
vue通过数据过滤实现表格合并
Nov 30 Javascript
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 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
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
php mssql 日期出现中文字符的解决方法
2009/03/10 PHP
curl实现站外采集的方法和技巧
2014/01/31 PHP
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
实现局部遮罩与关闭原理及代码
2013/02/04 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
node.js+express制作网页计算器
2016/01/17 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
浅谈React Event实现原理
2018/09/20 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
2019/08/16 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
js仿京东放大镜效果
2020/08/09 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
Python3.5多进程原理与用法实例分析
2019/04/05 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
Python爬虫使用浏览器cookies:browsercookie过程解析
2019/10/22 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
JetBrains PyCharm(Community版本)的下载、安装和初步使用图文教程详解
2020/03/19 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
毕业生就业协议书
2014/04/11 职场文书
班子成员四风问题自我剖析材料
2014/09/29 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
保密工作整改情况汇报
2014/11/06 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
Spring Boot实战解决高并发数据入库之 Redis 缓存+MySQL 批量入库问题
2022/02/12 Redis
Python万能模板案例之matplotlib绘制直方图的基本配置
2022/04/13 Python