jQuery添加反斜槓屬性

Question

我正在嘗試使用自定義html5驗證動態添加輸入。 jQuery代碼如下。

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

但在HTML輸出如下：

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

，而不是\d*它是未來d*。

Answer 1

逃離斜線\：

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

，或者你也可以寫字符代碼\即\，如：

$('#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.">');