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


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得到网页中所有的div的id
Oct 19 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 Javascript
Knockout visible绑定使用方法
Nov 15 Javascript
js禁止回车提交表单的示例代码
Dec 23 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
javascript实现表单验证
Jan 29 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
几种响应式文字详解
May 19 Javascript
原生JS实现多个小球碰撞反弹效果示例
Jan 31 Javascript
Vue组件之自定义事件的功能图解
Feb 01 Javascript
解决layui表格内文本超出隐藏的问题
Sep 12 Javascript
如何使JavaScript休眠或等待
Apr 27 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时间函数用法分析
2016/05/28 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
2013/06/27 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
Tab切换组件(选项卡功能)实例代码
2013/11/21 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
深入理解javascript中concat方法
2016/12/12 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
2016/12/14 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
JS性能优化实现方法及优点进行
2020/08/30 Javascript
用js实现放大镜效果
2020/10/28 Javascript
jQuery实现本地存储
2020/12/22 jQuery
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python实现基于TCP UDP协议的IPv4 IPv6模式客户端和服务端功能示例
2018/03/22 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题
2020/06/12 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
用css3实现当鼠标移进去时当前亮其他变灰效果
2014/04/08 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
大学生自我评价怎样写好
2013/10/23 职场文书
毕业设计说明书
2014/05/07 职场文书
住院医师规范化培训实施方案
2014/06/12 职场文书
追悼会答谢词
2015/01/05 职场文书
小孩不笨观后感
2015/06/03 职场文书
运动员代表致辞
2015/07/29 职场文书
学校少先队工作总结
2015/08/12 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python
利用Python实现Picgo图床工具
2021/11/23 Python