Alerting Special Characters using jQuery/JavaScript

Question

How do i display a string with Special Characters like € in a Javascript/jQuery alert?

eg: I want to display a message box with "The Price is €10"

But when i use the below code:

alert("The Price is &euro;10");

The Output shown in the message box is "The Price is €10", I want my output to be "The Price is €10".

Can some help me with this please? Thanks in advance.

drop the € and use utf8 for your whole project – Ben Jan 31 '13 at 09:53 — Ben, Jan 31 '13 at 09:53
You don't need jQuery for this. alert() is pure Javascript. – Vassilis Barzokas Jan 31 '13 at 09:55 — Vassilis Barzokas, Jan 31 '13 at 09:55
http://stackoverflow.com/q/661524/122005 – chridam Jan 31 '13 at 09:57 — chridam, Jan 31 '13 at 09:57
what if im going to alert this character - å – Chamara Keragala Jan 31 '13 at 10:04 — Chamara Keragala, Jan 31 '13 at 10:04

score 18 · Accepted Answer · answered Jan 31 '13 at 09:53

18

Use this as the alert. Works fine for me.

alert(' The Price is \u20AC 10');

The description is here : http://leftlogic.com/projects/entity-lookup/

answered Jan 31 '13 at 09:53

Riju Mahna

6,718
12
52
91

What is the UTF8 for character å – Chamara Keragala Jan 31 '13 at 10:04
1

Try alert(' The Price is \u00E5 10'); And please have a look at the link I gave in my answer. just type 'a' and it will show all the related characters – Riju Mahna Jan 31 '13 at 10:08
Thanks alot i found it - alert(' The Price is \u00E5 10'); – Chamara Keragala Jan 31 '13 at 10:10
2

Broken link :( d – Heitor Dec 31 '17 at 09:38
The link is indeed broken, try this table as reference instead https://www.utf8-chartable.de/. Simply replace the U+0008 by \u0008 or U+00A9 by \u00A9, for example. – CoqPwner Jun 29 '21 at 18:25

techfoobar · Answer 2 · 2013-01-31T10:00:14.387

10

The native alert method does not decode HTML encoded entities.

But browsers do while rendering HTML. One hack is to create a HTML element with the specific text as its innerHTML (so it does the character processing), then get back its text property and alerting it out.

function alertSpecial(msg) {
    msg = $('<span/>').html(msg).text();
    alert(msg);
}
alertSpecial('The Price is &euro;10');

This will work for all &xxx characters that the browser can display, without needing to find out the character code for each special character you may want to use.

edited Jan 31 '13 at 10:00

answered Jan 31 '13 at 09:54

techfoobar

65,616
14
114
135

Nice! That did the trick for me. I was geting a json response with encoded html characters in a string from an API where i can't modify the output to UTF8. – Matej Svajger Apr 13 '16 at 13:51
An absolutely honourable response. This is the only workaround to properly show UTF-8 special characters and emojis in alert() functions retrieved from server-side AJAX responses sent as UTF-8. – andreszs Jun 02 '23 at 20:28

score 2 · Answer 3 · answered Jan 31 '13 at 09:58

2

Check :

alert("The Price is \u20AC 10");

http://jsfiddle.net/Nseum/

Unicode Character 'EURO SIGN' (U+20AC)

answered Jan 31 '13 at 09:58

hsuk

6,770
13
50
80

Alerting Special Characters using jQuery/JavaScript

3 Answers3

Linked