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

Question

我有一个表单，可以让人们向我的网站(公司内部网)提交新闻文章。有时，由于我对相关模型保存方法采取了一些操作，表单提交需要几秒钟才能解决。我想用一条消息替换表单页面上的文本:“正在发送您的文章。这可能需要几秒钟，请不要刷新页面。”一旦有人点击提交。我在网上购物时在许多网站上看到过这些内容。

我的第一次尝试是向表单按钮添加一个 onClick 事件。提交然后成功替换了文本但没有提交表单。我看了一下this answer on binding two events to one submit button但它似乎并没有满足我的需求，因为它看起来是特定于 PHP 的。我确信 javascript 是完成这项工作的正确工具，但除了绑定(bind)到单击提交按钮之外，我想不出如何做到这一点。有谁知道正确的方法吗？

Answer 1

JavaScript 确实是正确的方法。如果您使用 jQuery，您可以继续使用如下内容:

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

其中#your-form-id 是表单的 ID。此功能隐藏表单内容并显示该文本，实际上您可以执行任何操作。