提交信息后清除文本框

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

把$('#msg').val('')它在你的submitChat函数的末尾。还假设你有你的应用程序中加载jQuery。

Answer 2

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

Answer 3

最正确的方法是将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>不要再简单地内submitChat()添加$('#msg').val('');所有它之后的事情（例如，return吧）：

function submitChat() { 
    // some actions 

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

欲知详情，请发表您的submitChat()功能。