Regex Replace text with @ in it

Question

I have some simple regex that should replace @Username to

<a href="http://google.com">@Username</a>

Though its getting very odd results.

REGEX

var msg="@Mr.EasyBB";
msg.replace(/@(.+?)/g,
'<a href=\"http://'+window.location.host+'/u=$1\">$1</a>');

can someone help with this small issue results look like this

<a href="http://google.com">@U</a>sername

You edited the result lol. It's only getting @U and not @Username as a whole. I think I need to look ahead till white space. but not sure how — EasyBB
– EasyBB, Commented Mar 9, 2014 at 18:53

sabof · Accepted Answer · 2014-03-09 18:54:25Z

1

.+? is lazy matching - this will match as few characters as it can.

Try this. It will match as many non-whitespace characters as it can.

/@(\S+)/

answered Mar 9, 2014 at 18:54

sabof

8,2024 gold badges32 silver badges53 bronze badges

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

2 Comments

sabof Over a year ago

Originally /@(\S+\b)/. Sabuj Hassan got the final version first, although both should work.

EasyBB Over a year ago

Thanks guys. I now understand lazy operators better :D I thought lazy was keep going don't stop until success which I get that now success would be the one character...those lazy sons of a guns :D

Sabuj Hassan · Accepted Answer · 2014-03-09 18:54:38Z

1

Try this one:

msg = msg.replace(/@(\S+)/g, '<a href=\"http://'+window.location.host+'/u=$1\">@$1</a>');

answered Mar 9, 2014 at 18:54

Sabuj Hassan

39.7k14 gold badges83 silver badges88 bronze badges

Collectives™ on Stack Overflow

Regex Replace text with @ in it

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related