Disable button on submit form

Question

Привет, поэтому я использую данные оснований для проверки ввода в моей форме и вот мой код. В моем index.php здесь код

<a href="upload-photo.php" data-reveal-id="uploadModal" data-reveal-ajax="true">Add Photo</a> 
<div id="uploadModal" class="reveal-modal tiny" data-reveal></div> 

Всякий раз, когда я нажимаю на надстройке фото, загрузка-photo.php проявляется в модальном. В модальном содержит этот код

<form action="<?= $_SERVER['PHP_SELF']; ?>" method="POST" enctype="multipart/form-data" data-abide name="formupload" id="uploadID"> 
<div class="photo-field"> 
<input type="file" name="file_img" pattern="^.+?\.(jpg|JPG|jpeg|gif|png|PNG)$" required> 
<small class="error">Upload JPG or PNG only.</small> 
</div> 
<div class="title-field"> 
<input type="text" name="img_title" placeholder="Image title" required> 
<small class="error">Image title is required.</small> 
</div> 
<input type="submit" value="Upload Image" name="btn_upload" class="button"> 
</form> 

Если я когда-либо хочу использовать сценарий, как это и нажмите на кнопку отправить, он не работает. Он просто показывает upload-photo.php снова на странице, а не в модальном.

$('form#uploadID').submit(function(){ 
    $(this).find('input[type=submit]').attr('disabled', 'disabled'); 
}); 

Каким образом можно отправить форму, а затем отключить кнопку, чтобы никто не мог ее спамить? Благодаря!

Answer 1

Используйте этот

$('#uploadID').submit(function(){ 
    $('#uploadID input[name=btn_upload]').prop('disabled', true); 
});