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


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 相关文章推荐
img标签中onerror用法
Aug 13 Javascript
Js 随机数产生6位数字
May 13 Javascript
js 程序执行与顺序实现详解
May 13 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
Mar 26 Javascript
利用JS轻松实现获取表单数据
Dec 06 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
Jan 18 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
WebPack配置vue多页面的技巧
May 15 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
详解Vue2.0组件的继承与扩展
Nov 23 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中对缓冲区的控制实现代码
2013/09/29 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
用javascript实现在小方框中浏览大图的代码
2007/08/14 Javascript
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
jQuery回调方法使用示例
2017/06/26 jQuery
vue+springmvc导出excel数据的实现代码
2018/06/27 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
解决vue动态下拉菜单 有数据未反应的问题
2020/08/06 Javascript
js实现移动端轮播图滑动切换
2020/12/21 Javascript
Python中实现从目录中过滤出指定文件类型的文件
2015/02/02 Python
python定时检查某个进程是否已经关闭的方法
2015/05/20 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
tensorflow实现softma识别MNIST
2018/03/12 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
Python对数据进行插值和下采样的方法
2018/07/03 Python
python调用c++传递数组的实例
2019/02/13 Python
Belvilla德国:在线预订度假屋
2018/04/10 全球购物
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
加拿大拼图大师:Puzzle Master
2020/12/28 全球购物
大学生预备党员自我评价分享
2013/11/16 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
银行类自荐信
2014/02/04 职场文书
教师党员学习群众路线心得体会
2014/11/04 职场文书
平安建设汇报材料
2014/12/29 职场文书
新教师个人工作总结
2015/02/06 职场文书
辞职信范文大全
2015/03/02 职场文书
技术员岗位职责范本
2015/04/11 职场文书
电力安全教育培训心得体会
2016/01/11 职场文书
python实现学员管理系统(面向对象版)
2022/06/05 Python