提交信息後清除文本框

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()功能。