Не лучший вариант но все-же:
let classNames = 'class-1 class class-3',
classes = classNames.split(' '),
reg = /^([a-z_]|-[a-z_-])[a-z\d_-]*$/;
if(!classes.every((item) => reg.test(item))){
alert('Class is not valid');
}
Мы сначала делим строку по пробелу, а потом каждый подстроку отдельно проверяем на соответствие с регулярным выражением. Если хоть одна подстрока является не корректной, метод every
вернет false
.
Можно также убрать мультипробел
let classNames = 'class-1 class class-3',
classes = classNames.replace(/\s{2,}/g, ' ').split(' '),
reg = /^([a-z_]|-[a-z_-])[a-z\d_-]*$/;
if(!classes.every((item) => reg.test(item))){
alert('Class is not valid');
}