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


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 相关文章推荐
Extjs学习笔记之七 布局
Jan 08 Javascript
js控制的回到页面顶端goTop的代码实现
Mar 20 Javascript
用js实现控件的隐藏及style.visibility的使用
Jun 14 Javascript
javascript中AJAX用法实例分析
Jan 30 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
Aug 25 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
vue下的@change事件的实现
Oct 25 Javascript
vue中使用GraphQL的实例代码
Nov 04 Javascript
纯 JS 实现放大缩小拖拽功能(完整代码)
Nov 25 Javascript
Angular+ionic实现折叠展开效果的示例代码
Jul 29 Javascript
让你30分钟快速掌握vue3教程
Oct 26 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
CodeIgniter基本配置详细介绍
2013/11/12 PHP
PHP循环结构实例讲解
2014/02/10 PHP
php+jQuery.uploadify实现文件上传教程
2014/12/26 PHP
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
基于JQuery制作可编辑的表格特效
2014/12/23 Javascript
为什么JavaScript没有块级作用域
2016/05/22 Javascript
jQuery滚动新闻实现代码
2016/06/26 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
详解Node.js中exports和module.exports的区别
2017/04/19 Javascript
基于JavaScript实现弹幕特效
2020/08/27 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
微信小程序实现列表下拉刷新上拉加载
2020/07/29 Javascript
layui中的switch开关实现方法
2019/09/03 Javascript
vue 递归组件的简单使用示例
2021/01/14 Vue.js
[02:48]DOTA2英雄基础教程 拉席克
2013/12/12 DOTA
python 系统调用的实例详解
2017/07/11 Python
python3下使用cv2.imwrite存储带有中文路径图片的方法
2018/05/10 Python
Django forms组件的使用教程
2018/10/08 Python
python实现打砖块游戏
2020/02/25 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
python中逻辑与或(and、or)和按位与或异或(&、|、^)区别
2020/08/05 Python
python之pygame模块实现飞机大战完整代码
2020/11/29 Python
python使用matplotlib的savefig保存时图片保存不完整的问题
2021/01/08 Python
巴西购物网站:Estrela10
2018/12/13 全球购物
Python如何实现单例模式
2016/06/03 面试题
应届毕业生的个人自我鉴定
2013/10/24 职场文书
应届生简历中的自我评价
2014/01/13 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
软件工程毕业生自荐信
2014/07/04 职场文书
初中同学会活动方案
2014/08/22 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
2014年党员自我评议总结
2014/09/23 职场文书
婚礼新人答谢词
2015/01/04 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书