jQuery使用反斜杠添加属性

Question

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

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

but in html output looks like this:

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

instead of \\d* it is coming d* .

Answer 1

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 character code for \\ ie, \ like:

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

DEMO

Answer 2

与转义字符一起使用即\\

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