Недопустимое регулярное выражение в JavaScript

Question

Я пытаюсь выяснить, если строка содержит CSS код с помощью этого выражения:

var pattern = new RegExp('\s(?[a-zA-Z-]+)\s[:]{1}\s*(?[a-zA-Z0-9\s.#]+)[;]{1}'); 

Но я получаю сообщение об ошибке «недопустимый регулярное выражение» на строке выше ...

Что в этом плохого?

нашел регулярное выражение здесь: http://www.catswhocode.com/blog/10-regular-expressions-for-efficient-web-development

Это для PHP, но он должен работать в JavaScript тоже, верно?

Answer 1

Это регулярное выражение очень плохое, и я бы избежал его источника в будущем. Тем не менее, я прибрал ее немного, и получил следующий результат:

var pattern = /\s(?:[a-zA-Z-]+)\s*:\s*(?:[^;\n\r]+);/; 

это соответствует то, что выглядит как CSS, например:

background-color: red; 

Вот the fiddle, чтобы доказать это, хотя я бы рекомендую найти другое решение вашей проблемы. Это очень простое регулярное выражение, и нельзя сказать, что оно надежное.

Answer 2

Заменить кавычки с / (косой чертой):

var pattern = /\s([a-zA-Z-]+)\s[:]{1}\s*([a-zA-Z0-9\s.#]+)[;]{1}/; 

Вы также не нужны new RegExp() части либо, поэтому она была удалена; вместо того, чтобы использовать цитату или двойную кавычку для обозначения строки , JavaScript использует косую черту /, чтобы обозначить регулярное выражение, которое не является нормальной строкой.

Answer 3

Что такое ? в начале двух блоков [a-zA-z-]? Они выглядят неправильно.

?, к сожалению, несколько перегружен в синтаксисе regexp, он может иметь три разных значения, о которых я знаю, и ни один из них не соответствует тому, что я вижу в вашем примере.

Кроме того, для ваших последовательностей \s требуется обратная косая черта, потому что это строка - они должны выглядеть как \\s. Чтобы избежать экранирования, просто используйте синтаксис /.../ вместо new Regexp("...").

Сказанное, даже если этого недостаточно, regexp все еще производит ошибку в Chrome, возможно связанную с последовательностями {1}.

Answer 4

?'s messing it up. Я не уверен, для чего они нужны.

/\s[a-zA-Z\-]+\s*:\s*[a-zA-Z0-9\s.#]+;/

работал для меня (насколько компиляции. Я не проверял, чтобы увидеть, если он правильно обнаружил строку CSS).