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


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 原型和继承(Prototypes and Inheritance)
Apr 01 Javascript
javascript下利用arguments实现string.format函数
Aug 24 Javascript
理解Javascript_02_理解undefined和null
Oct 11 Javascript
js操作checkbox遇到的问题解决
Jun 29 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
mui 打开新窗口的方式总结及注意事项
Aug 20 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
vue+openlayers绘制省市边界线
Dec 24 Vue.js
原生js拖拽功能制作滑动条实例代码
Feb 05 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算开始时间到过期时间的相隔的天数
2011/01/12 PHP
php实现的漂亮分页方法
2014/04/17 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
PHP框架Laravel的小技巧两则
2015/02/10 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
tp5实现微信小程序多图片上传到服务器功能
2018/07/16 PHP
ThinkPHP5+Layui实现图片上传加预览功能
2018/08/17 PHP
Smarty模板配置实例简析
2019/07/20 PHP
JS字符串截取函数实例
2013/12/27 Javascript
解释&&和||在javascript中的另类用法
2014/07/28 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
BootStrap selectpicker
2016/06/20 Javascript
详谈JS中实现种子随机数及作用
2016/07/19 Javascript
vue实现的树形结构加多选框示例
2019/02/02 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
Python3中的2to3转换工具使用示例
2015/06/12 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
Pytorch的mean和std调查实例
2020/01/02 Python
python爬取王者荣耀全皮肤的简单实现代码
2020/01/31 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
详解python with 上下文管理器
2020/09/02 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
德国在线香料制造商:Gewürzland
2020/03/10 全球购物
职工运动会感言
2014/02/07 职场文书
大学生个人自荐信样本
2014/03/02 职场文书
我爱我家教学反思
2014/05/01 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
2015年财务部工作总结
2015/04/10 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL