How to escape single quote

Question

Hello All, How can I escape a ' (single quote) in JS. This is where I'm trying to use it.

<input type='text' id='abc' value='hel'lo'>

result for the above code is "hel" populated in the text box. I tried to replace ' with \' but this what I'm getting.

<input type='text' id='abc' value='hel\'lo'>

result for the above code is "hel\" populated in the text box.

How can I successfully escape the single quotes.

Answer 1

Tryed with & #145; ?

Answer 2

Probably the easiest way:

<input type='text' id='abc' value="hel'lo">

Answer 3

First of all, you should use double-quotes, arround your HTML attributes' values :

<input type="text" id="abc" value="hel'lo">

Then, if you need to escape some characters, you could use html entities :

• ' for '
• " for "
• ...

For more, you can take a look at Character entity references in HTML.

Answer 4

You can use ' (which is iffy in IE) or ' (which should work everywhere). You can also read about other entities at w3schools.

Answer 5

As you’re in the context of HTML, you need to use HTML to represent that character. And for HTML you need to use a numeric character reference ' (' hexadecimal):

<input type='text' id='abc' value='hel&#39;lo'>

Answer 6

Represent it as text entity (ASCII 39):

<input type='text' id='abc' value='hel&#39;lo'>

Answer 7

Heard of double escaping? My favourite:

var str = "<input type='text' id='abc' value='hel\\\'lo'>";

or

var str = "<input type="text" id="abc" value="hel'lo">';