在 POST 表单发送之前显示“等待消息”答案

【问题标题】：Display a "Waiting Message" before the POST form send在 POST 表单发送之前显示“等待消息”
【发布时间】：2011-02-10 09:57:42
【问题描述】：

我有一个上传文件表单，当你点击提交时，它会将文件发送到我的服务器，但这需要一段时间，同时我需要告诉用户等待才能上传文件，因为他可以再次按提交，因为没有阻止他的消息。

因此，用户在表单中填写了一些字段，包括一个文件。当他发送表单时，它通过 POST 将变量发送到同一页面：

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" enctype="multipart/form-data" method="post">

一个 php 脚本检测页面现在有 POST 变量来做一些事情。在发送操作和页面重新加载之间的时间里，我需要显示一条消息，我该怎么做？？？谢谢

如果您现在如何使用colorbox 触发它，那就太好了。我知道如何通过链接使用它，但从这个 POST 操作中不知道。

【问题讨论】：

标签： php forms post submit colorbox

【解决方案1】：

<script type="text/javascript">
    function onSubmit() {
        // do something, maybe you would want to disable the submit button too
    }
</script>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" 
      enctype="multipart/form-data"
      method="post"
      onsubmit="onSubmit()">

更新：刚刚注意到您使用的是 jQuery。您可以添加以下脚本块：

<script type="text/javascript">
    $(function() {
        $('form').submit(function() {
            $(':submit').attr('disabled', 'disabled');
            // trigger the colorbox thing here
        });
    });
</script>

【讨论】：

也添加“onsubmit="onSubmit()”？
@DomingoSL：不需要。第一个代码块和第二个代码块是两个不同的独立解决方案，彼此不依赖。

【解决方案2】：

我不确定彩盒。但是你可以只写一点 JavaScript 来在表单提交时显示一条消息。

您还可以在提交表单时禁用提交按钮，以防止用户再次单击它，方法是使用 JavaScript 将 onclick 设置为 "this.disabled=true"

【讨论】：