表單Textarea數據在提交時未被替換

Question

提交帶有textarea數據的表單時，我試圖用換行符替換新行。

以下作品：

$("form").on('submit', function (e) {
    $(".description").html($(".description").val().replace(/\r\n|\r|\n/g, "<br />"));
});

僅當我不更改textarea的值時。

要澄清的是，這在我編輯文本區域中的文本時停止工作。 使其與新輸入的文本一起使用的唯一方法是提交表單，再次單擊“編輯”，然后重新提交表單，而不對文本區域中的文本進行任何更改。 有人可以解釋為什么發生這種現象嗎？

HTML：

<textarea class="form__item__input description" name="description"></textarea>

Answer 1

 $("form").on('submit', function(e) { e.preventDefault(); $(".description").val($(".description").val().replace(/\\r\\n|\\r|\\n/g,"<br />")); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <form> <textarea class="description" rows="10"> Hi Click me please </textarea> <input type="submit" value="submit" /> </form>