Javascript Regular expression for custom URL?

Question

I have 3 URL scenarios

normal urls:
url with context variable:
- https://example.com/products/{$context.productId}
whole url is context variable:
- {$varContext.getProductUrl}

I have to validate input URL to match above 3 scenarios.

I have written regex but which is not working for all scenarios.

^((?:http(s){0,1}://[\\w\\-\\.:/\$\{\}=\?&]+)|(?:\{\$[a-zA-Z]+\.[a-zA-Z]+\}))$

Could any one please help with this?

Do you want to test the literal text: {$varContext.getProductUrl} ? — Poul Bak
– Poul Bak, Commented Dec 8, 2018 at 18:30

Pirsanth · Accepted Answer · 2018-12-09 01:43:22Z

1

Hi you made a very simple mistake. Stopped 1% away from the finish line.

^((?:http(s){0,1}:\/\/[\w\-\.:/\${}=\?&]+)|(?:{\$[a-zA-Z]+.[a-zA-Z]+}))$

is the correct one you just forgot to escape the / to denote (mean) a literal /. Mistake appears right after ^((?:http(s){0,1}:

Next time use a site like Regex101, a site to help you test your regex in case you didn't know.

edited Dec 9, 2018 at 1:43

answered Dec 8, 2018 at 13:24

Pirsanth

682 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sekhar Over a year ago

Thanks for the quick answer.

The fourth bird · Accepted Answer · 2018-12-09 11:03:09Z

Apart from escaping the forward slashes after http://, you are escaping the backslash in the character class. \\w would match a backslash and a w. This part \\-\\ would match a range from \ till \ which would match a backslash.

That would match for example http://w\.:/${}=?&

As an addition, you could make a few adjustments to your regex.

(s){0,1} can be written as https?
The character class [\\w\\-\\.:/\$\{\}=\?&] can be written as [\w.:/${}=?&-] without the escaping of .$? and the hyphen can be moved to the beginning or at the end. \\ would match a backslash.
If you don't need the capturing group () you could omit that and only use an alternation |
You could use the /i to get a case insensitive match and the character class would become [a-z]
Escape the dot \. to match it literally

For example:

const regex = /^https?:\/\/[\w.:/${}=?&-]+|{\$[a-z]+\.[a-z]+}$/i;

See the Regex demo

Collectives™ on Stack Overflow

Javascript Regular expression for custom URL?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related