JQuery add attribute with backslash

Question

I am trying to add an input dynamically, with a custom html5 validation. The jQuery code is below.

$('#test').html('<input type="text" name="test_input" id="test_input" required pattern="\d*" title="Please Enter Valid No.">');

but in html file looks like this:

<input type="text" name="test_input" id="test_input" required pattern="d*" title="Please Enter Valid No.">

instead \d*

goes d*

.

+3

parth May 04 '15 at 6:07

2 answers

Escaped, i.e. \

$('#test').html('<input type="text" name="test_input" id="test_input" required pattern="\\d*" title="Please Enter Valid No.">');

+2

Bhushan Kawadkar May 04 '15 at 6:09

Brijesh Bhatt · Accepted Answer · 2015-05-04T06:09:02+0000

Escape the slash \

:

$('#test').html('<input type="text" name="test_input" id="test_input" required pattern="\\d*" title="Please Enter Valid No.">');

or you can also write the symbol code for \

ie \

, like:

$('#test').html('<input type="text" name="test_input" id="test_input" required pattern="&#92;d*" title="Please Enter Valid No.">');