替換表單上的頁面上的文本提交

Question

我有一個表單讓人們提交新聞文章到我的網站（公司內部網）。有時候，表單提交需要幾秒鐘的時間才能解決，因爲我在相關的模型保存方法中已經有了一些操作。我想用表單頁面上的文字替換爲「發送文章，這可能需要幾秒鐘，請不要刷新頁面。」只要有人點擊提交。在網上購物時，我在很多網站上看到過這些信息。

我這樣做的第一次嘗試是將一個onClick事件添加到窗體按鈕。提交然後成功替換了文字，但沒有提交表格。我看了一下this answer on binding two events to one submit button，但它似乎沒有解決我的需求，因爲它看起來像PHP特定的。我確定javascript是這項工作的正確工具，但我想不出如何做到這一點，綁定點擊提交按鈕。有誰知道這樣做的正確方法？

Answer 1

JavaScript確實是這樣做的正確方法。如果您在使用jQuery，你可以繼續使用這樣的：

$('form#your-form-id').submit(function(){ 
    $(this).hide().after('Loading, please wait...'); 
}); 

凡#your-form-id會形式的ID。該功能隱藏了表單內容並顯示了文字，實際上您可以做任何事情。