提交信息后清除文本框

Question

我在对话框中有一个评论框（<textarea>）。一旦文本成功提交，我想清除textarea的内容。

我知道我必须使用$('#msg').val('')，但我不明白应该放在哪里。

我看到其他一些帖子说“将其隐藏到提交过程中”，但我不确定这意味着什么。

代码：

<table>
  <tr>
    <td>
        <textarea name="msg" id="msg"></textarea>
    </td>
  </tr>
</table>

...

<a href= "#" onclick="submitChat()">Send</a>

Answer 1

最正确的方法是将onsubmit事件添加到包裹<form>和<textarea>按钮的submit。

说出您的<form>有id="my-form"：

$('#my-form`).submit( function() {
  // some actions, perhaps submitChat()'s actions should be here

  $('#msg').val('');
});

在这种情况下，您必须使用<button type="submit">而不是<a>Send</a>。或者，您可以在单击链接时触发submit事件。

如果您没有<form>，那么只需在$('#msg').val('');内添加submitChat()之后的所有内容（例如return）：

function submitChat() {
  // some actions

 return $('#msg').val('');
}

有关详细信息，请发布您的submitChat()功能。

Answer 2

将$('#msg').val('')放在submitChat函数的末尾。此外，假设您在应用程序中加载了jQuery。

Answer 3

将清除文本框的代码放在submitChat函数中，该函数将放在html代码底部的脚本标记内。