Как правильно написать регулярное выражение для одного цвета и для двух цветов одновременно?

Question

[spido]

Приветствую!
В поле формы нужно делать валидацию поля Цвет.
Цвет можно вводить только один в формате:
#0f243e
или два цвета, через запятую, без пробела:
#0f243e,#3f54ae
Количество символов цвета 6.
Все другие варианты написания и символы нужно запретить.
Можете помочь написать правильное выражение?
Те выражения, которые я применял, пропускают много запрещенных вариантов https://regexr.com/6tmuj

Заранее спасибо откликнувшимся!

Comments

[Алексей Уколов]

выражения, которые я применял

Покажите свои наработки.

[spido]

Алексей Уколов, вот такой вариант /#([a-f0-9]{6}){1,2}\b/i
Это выражение контролирует только первый цвет, а второй цвет не контролирует и разрешает вводить больше двух цветов.

[Сергей Сергей]

запятой нет для варианта с двумя цветами.

[spido]

Сергей Сергей, можете показать где должна быть запятая?

[Сергей Сергей]

между идентичных групп.

[spido]

Сергей Сергей, не знаю как сделать.
Можете на примере показать? https://regexr.com/6tmuj

[Сергей Сергей]

#[a-f0-9]{6}(?:,\s*#[a-f0-9]{6})?\b

[spido]

Сергей Сергей, да, ваш вариант хорошо работает.
Большое спасибо вам!

[spido]

Сергей Сергей, если ко второму цвету добавить кириллические буквы, то не запрещает второй цвет.
И если к одному цвету добавить кириллические буквы, то не запрещает.
Можете попробовать исправить?

[spido]

Сергей Сергей,
так видит два цвета одновременно и блокирует кириллицу, но один цвет вообще не видит
#[a-f0-9]{6}(?:,\s*#[a-f0-9]{6})+?\b

[Сергей Сергей]

Кириллицу вообще удалять придётся перед тестом регулярками.

[spido]

Сергей Сергей, дело не только в кириллице. Нужно проверять латиницу, а другие языки блокировать [^\P{L}a-f0-9#,]+
У меня не получилось применить это правило вместе.

[dodo512]

spido, покажите код который у вас валидацию делает.
А что мешает задать начало ^ и конец строки $.

^#[a-f0-9]{6}(?:,\s*#[a-f0-9]{6})?$
https://regexr.com/6tni9

[spido]

dodo512,

'backcolor': function (str) { //Только один цвет #adb3cd или два цвета одновременно #d70f75,#00ced4
					 var regExp = new RegExp('^#[a-f0-9]{6}(?:,\s*#[a-f0-9]{6})?$'); 
					 return regExp.test(str) || !str;
				}

Да, работает, если вставить начало и конец строки. Ранее я этого не сделал.
Спасибо, за вашу помощь в решении!

[spido]

dodo512, это выражение хорошо работает в JS, но в PHP видит только один цвет, два цвета не видит https://regex101.com/r/wE03bT/1
Если перед знаком вопроса поставить + тогда видит два цвета, но не видит один.
Можете посмотреть и подсказать как исправить?

[dodo512]

spido, в PHP всё аналогично работает https://regex101.com/r/wE03bT/2

Квантификатор + это от 1 и более повторений.
? это 0 или 1.
https://learn.javascript.ru/regexp-quantifiers

Если перед знаком вопроса поставить + тогда видит два цвета, но не видит один.

Так зачем упорно ставите туда + если эта часть необязательная и там должно быть ?

[spido]

dodo512, если я убираю g global, тогда у меня выражение работает как надо.
А если я не уберу global, тогда выдает ошибку 500.
А на вашем примере наоборот, без global не работает как надо.
Почему мой PHP 7.4 ругается на global?
Поэтому я запутался. На сайте примера одно, а у меня другое.

[dodo512]

spido, ну так это же не JS и вот этого флага g global в PHP нет https://www.php.net/manual/ru/reference.pcre.patte...
Для глобального поиска шаблона в строке есть preg_match_all
Для простой проверки на соответствие регулярному выражению preg_match

https://www.php.net/manual/ru/book.pcre.php

По поводу сайта regex101.com.
Там слева внизу в разделе TOOLS -> Code Generator можно получить пример кода.
https://regex101.com/r/wE03bT/2/codegen?language=php

Если в настройках убрать global, то будет preg_match вместо preg_match_all.
https://regex101.com/r/wE03bT/3/codegen?language=php

[spido]

dodo512, большое спасибо за разъяснения!

[spido]

Сергей Сергей, Вы можете разместить ваш вариант ответа отдельным сообщением, чтобы я мог его отметить как решение?

Answer 1

[Сергей Томулевич]

(\#[0-9a-f]{6}(?:,\#[0-9a-f]{6})?)

Ваш пример впринципе правильный, так как у условии отсутвует важная деталь: "Что после кода цвета допустимо, а что нет?"

(#[a-f0-9]{6}(?:,\#[a-f0-9]{6})?)[^\wа-я]

Comments

[spido]

Непригодно https://regexr.com/6tvlj

[spido]

Второй вариант годный.
Вчера ребята уже предложили вариант и он рабочий, я его применил.