Disable button if input is empty Disable button if input is empty JQuery 1 <button type="submit" class="btn btn-sm btn-primary" disabled>Upload file</button> 1 2 3 4 5 6 7 8 $('input[type=file]').change(function(){ if($('input[type=file]').val()==''){ $('button').attr('disabled',true) } else{ $('button').attr('disabled',false); } }) src Vanilla Javascript 1 2 <input placeholder="Enter some text" name="name" id='input'/> <button id='button' disabled>Réserver</button> 1 2 3 4 5 6 let inputElt = document.getElementById('input'); let btn = document.getElementById('button'); inputElt.addEventListener("input", function(){ btn.disabled = (this.value === ''); }) src