替换表单提交页面上的文本

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。此功能隐藏表单内容并显示该文本，实际上您可以做任何事情。