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


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获取url参数的使用扩展实例
Dec 29 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
Jan 27 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
nginx+vue.js实现前后端分离的示例代码
Feb 12 Javascript
使用use注册Vue全局组件和全局指令的方法
Mar 08 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
Apr 23 Javascript
基于Vue和Element-Ui搭建项目的方法
Sep 06 Javascript
layui 解决富文本框form表单提交为空的问题
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
Zerg兵种介绍
2020/03/14 星际争霸
php缓存技术介绍
2006/11/25 PHP
理解和运用PHP中的多态性[译]
2011/08/02 PHP
PHP Class&Object -- 解析PHP实现二叉树
2013/06/25 PHP
php表单敏感字符过滤类
2014/12/08 PHP
php使用fputcsv()函数csv文件读写数据的方法
2015/01/06 PHP
php中return的用法实例分析
2015/02/28 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
php排序算法实例分析
2016/10/17 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
JS 时间显示效果代码
2009/08/23 Javascript
js实现倒计时时钟的示例代码
2013/12/17 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
vue中路由参数传递可能会遇到的坑
2017/12/07 Javascript
Vue render深入开发讲解
2018/04/13 Javascript
深入了解js原型模式
2019/05/30 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
python利用hook技术破解https的实例代码
2013/03/25 Python
在Python中使用列表生成式的教程
2015/04/27 Python
python @property的用法及含义全面解析
2018/02/01 Python
详解pandas的外部数据导入与常用方法
2019/05/01 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
Pytorch实验常用代码段汇总
2020/11/19 Python
想学画画?python满足你!
2020/12/24 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
印尼值得信赖的在线交易网站:Bukalapak
2019/03/11 全球购物
什么是View State?
2013/01/27 面试题
腾讯公司的一个sql题
2013/01/22 面试题
企业管理专业个人求职信范文
2013/09/24 职场文书
绿色环保口号
2014/06/12 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
2015教师个人工作总结范文
2015/03/31 职场文书
党小组意见范文
2015/06/08 职场文书