Отключить кнопку во время загрузки в форму?

Question

У меня есть форма с кнопкой в ​​конце, где пользователь может загрузить файл. Я хотел бы, чтобы кнопка была отключена, когда пользователь нажимает кнопку «Загрузить», пока загрузка не будет завершена. Будет ли это просто реализовать?

Answer 1

Добавьте это к кнопке.

onclick="this.disabled=true;"

Пример:

<input type="submit" onclick="this.disabled=true;" />

Answer 2

Я никогда не пробовал это раньше, но я думаю, что эта тема может быть полезна: jquery / JavaScript - задержка до завершения загрузки

Answer 3

Ваше решение состоит из двух частей. Сначала вы хотите отключить кнопку «Загрузить».

<form ... onSubmit="document.getElementById('fileThing').disabled = true;">
...
<input type="FILE" id="fileThing" size="40">
...
</form>

Вы можете добавить часть JavaScript перед любым другим JS, который вы, возможно, запускаете в этом блоке (например, вызывать скрипт AJAX).

Далее вам нужно будет вставить код в ваш AJAX-скрипт, который включает кнопку. Точное местоположение будет отличаться. Я предполагаю, что ваш AJAX-скрипт вызывает функцию с именем whenComplete, когда получает полный ответ от сервера. Добавьте в эту функцию следующую строку вместе с любым другим кодом обработки после запроса:

document.getElementById('filething').disabled = false;

Вам нужно будет выяснить, куда именно должна идти эта строка, поскольку мы не можем знать, как настроен ваш AJAX-скрипт, не видя самой реализации.