表单文本区域数据在提交时未被替换

Question

我在提交包含 textarea 数据的表单时试图用换行符替换新行。

以下作品：

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

仅当我不更改文本区域的值时。

澄清一下，当我编辑文本区域中的文本时，它就停止工作了。使其与新输入的文本一起工作的唯一方法是提交表单，再次单击编辑，然后重新提交表单而不对文本区域中的文本进行任何更改。有人可以解释为什么会发生这种行为吗？

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>

表单文本区域数据在提交时未被替换

Form Textarea Data Not Being Replaced on Submit

html

javascript

forms

jquery

textarea