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


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表单提交的代码
Sep 13 Javascript
Javascript remove 自定义数组删除方法
Oct 20 Javascript
javascript各浏览器中option元素的表现差异
Apr 07 Javascript
js 操作select和option常用代码整理
Dec 13 Javascript
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
DOM节点的替换或修改函数replaceChild()用法实例
Jan 12 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
Oct 17 Javascript
想用好React的你必须要知道的一些事情
Jul 24 Javascript
React教程之Props验证的具体用法(Props Validation)
Sep 04 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 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
基于HTTP长连接的"服务器推"技术的php 简易聊天室
2009/10/31 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
jquery写个checkbox——类似邮箱全选功能
2013/03/19 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
详解参数传递四种形式
2015/07/21 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
移动端日期插件Mobiscroll.js使用详解
2016/12/19 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
vue框架制作购物车小球动画效果实例代码
2019/09/26 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
记录一次websocket封装的过程
2020/11/23 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
2020/12/30 jQuery
Vue中引入svg图标的两种方式
2021/01/14 Vue.js
python matplotlib画图库学习绘制常用的图
2019/03/19 Python
Python 的AES加密与解密实现
2019/07/09 Python
Python使用matplotlib 画矩形的三种方式分析
2019/10/31 Python
pygame编写音乐播放器的实现代码示例
2019/11/19 Python
python实现与redis交互操作详解
2020/04/21 Python
python创建文本文件的简单方法
2020/08/30 Python
pandas按条件筛选数据的实现
2021/02/20 Python
美国Rue La La闪购网站:奢侈品、中高档品牌限时折扣
2016/10/19 全球购物
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
王力宏牛津大学演讲稿
2014/05/22 职场文书
项目负责人任命书
2014/06/04 职场文书
企业催款函范本
2015/06/24 职场文书
争做文明公民倡议书
2019/06/24 职场文书
CSS 制作波浪效果的思路
2021/05/18 HTML / CSS
Vue鼠标滚轮滚动切换路由效果的实现方法
2021/08/04 Vue.js
电脑关机速度很慢怎么办 提升电脑关机速度设置教程
2022/04/08 数码科技
python小型的音频操作库mp3Play
2022/04/24 Python
Mysql数据库事务的脏读幻读及不可重复读详解
2022/05/30 MySQL