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

Généré avec Hugo
ThÚme Stack conçu par Jimmy