Yii2如何验证颜色值

大墨小哥_9244

大墨小哥_9244

2026-09-12

718人浏览

原创

yii2中验证颜色值需兼顾格式与业务:先用filter清洗空格和大小写,再用正则校验#rgb或#rrggbb;rgb格式需自定义方法验证数值范围(0–255)。

yii2如何验证颜色值

在Yii2中验证用户提交的颜色值(如十六进制#RRGGBB、rgb(255,100,50)、named color等),需兼顾格式合法性与业务可用性,避免因前端随意输入导致样式崩溃或数据库存储异常。

使用正则验证器校验十六进制颜色

这一步最常用,适用于只接受标准6位或3位HEX格式(如#fff、#ff00cc)的场景。

在模型的 rules() 方法中添加:

[['color'], 'match', 'pattern' => '/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/', 'message' => '颜色格式不正确,请输入如 #FF00CC 或 #FFF 格式的十六进制值。']

注意:该正则【不接受带alpha通道的#RGBA或#RRGGBBAA】,也不匹配无#前缀的hex(如FF00CC)。若需支持,必须扩展pattern并同步考虑CSS渲染兼容性。

组合验证:先过滤再校验

当用户可能粘贴带空格、大小写混杂或多余符号(如" #FF00CC "、"#ff00cc;")时,仅靠match会失败。应先清洗再验证。

第一步:在 rules() 中加入 filter 规则,统一处理:

[['color'], 'filter', 'filter' => function ($value) { return trim(strtolower($value)); }]

第二步:紧接着用 match 验证清洗后的结果:

[['color'], 'match', 'pattern' => '/^#[a-f0-9]{3}([a-f0-9]{3})?$/']

这样能覆盖 #abc 和 #abcdef 两种合法缩写,且忽略前后空格和大小写。漏掉 filter 直接 match,会导致带空格的输入被判定为非法,而用户根本看不到错误提示来源。

支持RGB函数格式的验证

方法一:单条正则覆盖常见RGB变体

[['color'], 'match', 'pattern' => '/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/', 'message' => 'RGB格式错误,例如:rgb(255, 128, 0)']

该正则允许空格,但【不校验数值范围(0–255)】,需额外逻辑判断;否则 rgb(999, -5, 300) 也会通过。

Yii Framework 2.0.51
Yii Framework 2.0.51

Yii Framework 2.0.51 官方 Basic 应用模板,适合旧项目兼容、升级验证和开发测试。

下载

方法二:自定义验证方法(推荐用于强校验)

在模型类中添加:

public function validateRgb($attribute, $params)

{

if (!preg_match('/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/', $this->$attribute, $matches)) {

$this->addError($attribute, 'RGB格式不合法');

return;

}

list(, $r, $g, $b) = $matches;

if ($r > 255 || $g > 255 || $b > 255 || $r

$this->addError($attribute, 'RGB各分量必须在0–255之间');

}

}

然后在 rules() 中调用:[['color'], 'validateRgb']

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

3696

8

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

2023.07.05

2181

4

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

2023.07.05

5862

9

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

2023.08.11

772

5

正则表达式空格
正则表达式空格

正则表达式空格可以用“\s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.31

500

5

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

2023.11.13

653

12

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“\s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

2023.11.17

366

3

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2023.12.06

679

7

php正则表达式有哪些
php正则表达式有哪些

php正则表达式有"/pattern/"、"^"、"$"、"."、"[]"、"[^]"、"[a-z]"、"[A-Z]"、"[0-9]"、"\d"、"\D"、"\w"、"\W"、&a

2024.02.23

292

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Yii2.0框架开发实战视频教程
Yii2.0框架开发实战视频教程

共22课时 | 9.2万人学习

Yii2中文手册
Yii2中文手册

共0课时 | 0.6万人学习