Disable button if input is empty

Sep 6, 2022 · web javascript ·

JQuery

1<button type="submit" class="btn btn-sm btn-primary" disabled>Upload file</button>

1$('input[type=file]').change(function(){
2    if($('input[type=file]').val()==''){
3        $('button').attr('disabled',true)
4    } 
5    else{
6      $('button').attr('disabled',false);
7    }
8})

src

Vanilla Javascript

1<input placeholder="Enter some text" name="name" id='input'/>
2<button id='button' disabled>Réserver</button>

1let inputElt = document.getElementById('input');
2let btn = document.getElementById('button');
3
4inputElt.addEventListener("input", function(){
5  btn.disabled = (this.value === '');
6})

src