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

Question

我有一个表格让人们向我的网站（公司内部网）提交新闻文章。由于我在相关模型保存方法上采取了一些操作，有时表单提交需要几秒钟才能解决。我想用表示＆＃34;发送文章的消息替换表单页面上的文本。这可能需要几秒钟，请不要刷新页面。＆＃34;一旦有人点击提交。我在网上购物时在很多网站上都看过这些。

我第一次尝试这样做是为了向表单按钮添加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。此功能隐藏了表单内容并显示该文本，您可以实际执行任何操作。