Как изменить имя кнопки загрузки, чтобы подождать ..?

Question

Я хочу, чтобы изменить значение кнопки загрузки, если файл занят загрузка

В этом случае, если значение моей кнопки загрузки является value="Upload" при нажатии кнопки текст должен измениться на Загрузка Пожалуйста, подождите ..

function displayLoading() { 
 
    if (document.getElementById('upload-progress')) { 
 
     document.getElementById('upload-progress').style.display='block'; 
 
    } 
 
}

<form action="myphpscript.php" onSubmit="displayLoading();"> 
 
    <input type="file" name="uploadfile"> 
 
    <input type="submit" value="Upload"> 
 
    <p id="upload-progress" style="display:none">Uploading Please wait..</p> 
 
</form>

Answer 1

Дайте Кнопку Submit идентификатор, например submitButton.

Тогда просто добавьте:

document.getElementById('submitButton').value = "Please Wait"; 

к вашей displayLoading() функции.

Answer 2

Вы должны отключить кнопку во время ее загрузки и повторного включения, когда она будет завершена. В противном случае пользователь может продолжать нажимать кнопку, вызывающую другой вызов вашего PHP.