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

时间:2010-04-21 02:18:06

标签: php forms post submit colorbox

我有一个上传文件表单,当你点击提交它将文件发送到我的服务器,但它需要一段时间,同时我需要告诉用户等待以便上传文件,因为他可以再次按“提交”,因为没有任何通知可以阻止他。

因此,用户填写表单中的几个字段,包括文件。当他发送表单时,它会通过POST将变量发送到同一页面:

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

一个php脚本检测页面现在有POST变量做某事。在发送动作和页面重新加载之间的时间我需要显示一个分数,我该怎么办?感谢


如果你现在如何使用colorbox触发它会很好。我知道如何从链接中使用它,但不知道从这个POST操作中使用它。

2 个答案:

答案 0 :(得分:1)

我不确定彩盒。但是,您只需编写一些JavaScript即可在提交表单时显示消息。

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

答案 1 :(得分: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>