在提交之前使用JavaScript / jQuery將TextArea的內容轉換為純文本

Question

我有以下表格

        <form action=“/animals/living” method="POST">
            <input name=“cat” placeholder=“cat name”><br/>
            <input name=“dog” placeholder=“dog name”><br/>
            <input name=“bunny” placeholder=“bunny name”><br/>
            Description:<textarea name="description" placeholder="Description" rows="2"
                                  cols="50"></textarea>
            Documentation:<br/><textarea name="documentation" rows="8" cols="80"></textarea><br/>
            Essay:<br/> <textarea name=“essays” rows="8" cols="80"></textarea><br/>
            Passage:<br/> <textarea name=“passage” rows="8" cols="80"></textarea><br/>
            <input type="submit" value="Submit">

        </form>

在提交表單之前，我想將TextArea的所有內容更改為plainText。 我找到了一個據說可以做到的jQuery函數。

var my_plaintext = $(the_richtext).text();

所以我的問題是這樣的：

如何將jQuery函數應用於textAreas內容，然后提交表單？

（如果您仍然想知道，TextArea的內容為RichText格式。）

Answer 1

您可以使用event.preventDefault() .val() .submit()

$("form").submit(function(e) {
   e.preventDefault();
   $("textarea", this).val(function(i, value) {
      return $("<div/>",{text:value}).text();
   });
   this.submit();
})