/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

0 vote197 views2 answers
How to change hidden on html
Html
3 votes232 views2 answers
Row span and column span in html example
Html
9 votes210 views6 answers
Change html using jquery
Html
0 vote192 views3 answers
Center table html
Html
0 vote185 views1 answer
Detailed list html
Html
1 vote186 views1 answer
Html dot symbol
Html
1 vote189 views3 answers
Font awesome css content not working
Html
0 vote222 views1 answer
Best slider library
Html
0 vote256 views1 answer
Change td color html
Html
17 votes208 views2 answers
Change text width html
Html