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


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 相关文章推荐
Prototype使用指南之string.js
Jan 10 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
May 20 Javascript
用C/C++来实现 Node.js 的模块(二)
Sep 24 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
快速解决js动态改变dom元素属性后页面及时渲染的问题
Jul 06 Javascript
原生JS+Canvas实现五子棋游戏
May 28 Javascript
vue中多个倒计时实现代码实例
Mar 27 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
Jul 22 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中copy on write写时复制机制介绍
2014/05/13 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
微信自定义分享php代码分析
2016/11/24 PHP
JQuery开发的数独游戏代码
2010/10/29 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
如何将JS的变量值传递给ASP变量
2012/12/10 Javascript
jquery实现弹出窗口效果的实例代码
2013/11/28 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
Angular2利用组件与指令实现图片轮播组件
2017/03/27 Javascript
bootstrap table使用入门基本用法
2017/05/24 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
javascript如何实现create方法
2019/11/04 Javascript
JS指定音频audio在某个时间点进行播放
2020/11/28 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Django实现组合搜索的方法示例
2018/01/23 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
《故乡》教学反思
2014/04/10 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
学校标语口号大全
2015/12/26 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
深入理解go缓存库freecache的使用
2022/02/15 Golang
俄罗斯十大城市人口排名,第三首都仅排第六,第二是北方首都
2022/03/20 杂记