判断颜色是否合法的正则表达式(详解)
更新时间：2017年05月03日 08:50:39 投稿：jingxian
下面小编就为大家带来一篇判断颜色是否合法的正则表达式(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
"^#([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 对象 与 prototype 原型用法实例分析
这篇文章主要介绍了javascript 对象 与 prototype 原型用法,结合实例形式分析了javascript 对象 与 prototype 原型实现对象创建、继承、拷贝等相关操作技巧,需要的朋友可以参考下2019-11-11
其实，没那么强大的，不过，聊胜于无吧，并且还算管用，要是有谁再完善它就好了……2009-04-04
这篇文章主要为大家详细介绍了js实现数组冒泡排序、快速排序的原理，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要为大家详细介绍了js利用拖放实现添加删除，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了JavaScript错误捕获的相关资料，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-04-04
这篇文章主要介绍了Bootstrap缩略图的创建方法，教大家如何实现Bootstrap缩略图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了JavaScript中继承原理与用法,结合实例形式分析了JavaScript中继承的基本概念、原理、用法及相关操作注意事项,需要的朋友可以参考下2020-05-05
JavaScript跳出循环的三种方法(break, return, continue)
这篇文章主要介绍了JavaScript跳出循环的三种方法(break, return, continue)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
javascript是基于原型(Prototype based)的面向对象的语言，这点不同于我们熟悉的.NET，Java语言，是基于类模式(Class based)。2010-03-03
本文主要介绍了js实现选项卡内容切换以及文字折叠和展开效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
最新评论