/Html/Html disable submit until all required field is complete

Html disable submit until all required field is complete

<!-- HTML inputs -->
<input class="input required" type="text" placeholder="fill me">
<input class="input" type="text" placeholder="fill me">
<input class="input required" type="text" placeholder="fill me">
<button class="button">Click Me</button>

<!-- Js -->
let inputs = document.querySelectorAll('.required'),
    button = document.querySelector('.button');
button.disabled = true;

for (i = 0; i < inputs.length; i++) {
  inputs[i].addEventListener('input',() => {
    let values = []
    inputs.forEach(v => values.push(v.value))
    button.disabled = values.includes('')
  })
}

Similar codes

1 vote105 views1 answer
A tag for the same page
Html
2 votes73 views1 answer
Single page html template
Html
0 vote111 views1 answer
Brittanyrosex
Html
0 vote107 views1 answer
Save html file in mysql
Html
0 vote129 views1 answer
Html multi like tag indentation convention
Html
0 vote107 views4 answers
If the page is opened so count and put it to the value of hidden input
Html
0 vote85 views1 answer
Cara membuat persegi di html
Html
0 vote102 views1 answer
Listen on contenteditable
Html
2 votes106 views1 answer
Div contenteditable onchange angular
Html
1 vote126 views1 answer
How change height and width in html
Html