Отобразить «ожидающее сообщение» перед отправкой формы POST - PullRequest
Новая
       19

Отобразить «ожидающее сообщение» перед отправкой формы POST

1 голос
/ 21 апреля 2010

У меня есть форма для загрузки файла, когда вы нажимаете Отправить, отправьте файл на мой сервер, но это занимает некоторое время, в то же время мне нужно сказать пользователю ждать, чтобы загрузить файл, поскольку он нажмите Отправить еще раз, потому что нет никаких сообщений, которые могли бы его предотвратить.

Итак, пользователь заполняет несколько полей в форме, включая файл. Когда он отправляет форму, он отправляет переменные через POST на ту же страницу: 

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

Сценарий php обнаруживает, что страница теперь имеет переменные POST и что-то делает. В промежутке между отправкой и перезагрузкой страницы мне нужно отобразить сообщение, как я могу это сделать ??? Спасибо

Было бы хорошо, если бы вы сейчас включили это с помощью colorbox . Я знаю, как использовать его по ссылке, но не из этого действия POST.

Ответы [ 2 ]

1 голос
/ 21 апреля 2010 
<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>
1 голос
/ 21 апреля 2010

Я не уверен насчет colorbox. Но вы можете просто написать немного JavaScript для отображения сообщения при отправке формы.

Вы также можете отключить кнопку отправки при отправке формы, чтобы предотвратить повторное нажатие пользователем, используя JavaScript для установки onclick на "this.disabled=true"

...