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


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 相关文章推荐
DOM相关内容速查手册
Feb 07 Javascript
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
jQuery 使用手册(二)
Sep 23 Javascript
javascript 函数速查表
Feb 07 Javascript
js取值中form.all和不加all的区别介绍
Jan 20 Javascript
Ext GridPanel加载完数据后进行操作示例代码
Jun 17 Javascript
jQuery实现可用于博客的动态滑动菜单
Mar 09 Javascript
jquery实现下拉框功能效果【实例代码】
May 06 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
在一般处理程序(ashx)中弹出js提示语
Aug 16 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
vue 避免变量赋值后双向绑定的操作
Nov 07 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做的端口嗅探器--可以指定网站和端口
2006/10/09 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
jQuery源码分析-03构造jQuery对象-工具函数
2011/11/14 Javascript
JavaScript获取onclick、onchange等事件值的代码
2013/07/22 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
javascript定义类和类的实现实例详解
2015/12/01 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
2017/04/26 Javascript
vue中计算属性(computed)、methods和watched之间的区别
2017/07/27 Javascript
vue+iview写个弹框的示例代码
2017/12/05 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
2018/07/04 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
vue-cli3.0实现一个多页面应用的历奇经历记录总结
2020/03/16 Javascript
jquery css实现流程进度条
2020/03/26 jQuery
详解Vue3 Composition API中的提取和重用逻辑
2020/04/29 Javascript
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
Python的Flask框架中的Jinja2模板引擎学习教程
2016/06/30 Python
python word转pdf代码实例
2019/08/16 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
matlab中二维插值函数interp2的使用详解
2020/04/22 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
世界最大的票务市场:viagogo
2017/02/16 全球购物
波兰补充商店:Muscle Power
2018/10/29 全球购物
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
金士达面试非笔试
2012/03/14 面试题
口才训练演讲稿范文
2014/09/16 职场文书
作风建设整改方案
2014/10/27 职场文书
加薪通知
2015/04/25 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
【海涛教你打DOTA】死灵飞龙第一视角解说
2022/04/01 DOTA