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


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 相关文章推荐
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
jquery组件使用中遇到的问题整理及解决
Feb 21 Javascript
EasyUI中combobox默认值注意事项
Mar 01 Javascript
JavaScript常用脚本汇总(一)
Mar 04 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
Oct 26 Javascript
ionic实现底部分享功能
May 11 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
jquery获取并修改触发事件的DOM元素示例【基于target 属性】
Oct 10 jQuery
vue组件中实现嵌套子组件案例
Aug 31 Javascript
javascript使用canvas实现饼状图效果
Sep 08 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开发实现支付宝接口调用的方法示例
2016/11/14 PHP
Yii2框架配置文件(Application属性)与调试技巧实例分析
2019/05/27 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
类似框架的js代码
2006/11/09 Javascript
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
工作中常用到的JS表单验证代码(包括例子)
2010/11/11 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
轮播图组件js代码
2016/08/08 Javascript
vue2.0构建单页应用最佳实战
2017/04/01 Javascript
jQuery判断邮箱格式对错实例代码讲解
2017/04/12 jQuery
JavaScript实现数值自动增加动画
2017/12/28 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
用Python实现命令行闹钟脚本实例
2016/09/05 Python
python 自定义对象的打印方法
2019/01/12 Python
pytorch构建多模型实例
2020/01/15 Python
python网络编程之五子棋游戏
2020/05/14 Python
css3 box-sizing属性使用参考指南
2013/01/08 HTML / CSS
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
给水工程专业毕业生自荐信
2014/01/28 职场文书
总经理岗位职责描述
2014/02/08 职场文书
应届毕业生自荐信例文
2014/02/26 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
2014年营业员工作总结
2014/11/18 职场文书
2014财务年终工作总结
2014/12/08 职场文书
客服专员岗位职责
2015/02/10 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
2015年团支部年度工作总结
2015/05/27 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
浅谈MySQL之浅入深出页原理
2021/06/23 MySQL
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
MYSQL如何查看进程和kill进程
2022/03/13 MySQL
frg-100简单操作(设置)说明
2022/04/05 无线电