/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

19 votes331 views3 answers
Default html template
Html
0 vote328 views1 answer
Onclick mailto inline
Html
0 vote330 views2 answers
Html anchor in samae page without url
Html
3 votes325 views3 answers
How to use strong in html
Html
0 vote309 views1 answer
Material ui appbar elevation
Html
0 vote395 views2 answers
How to resize submit button in html
Html
1 vote284 views1 answer
Content type http header
Html
1 vote352 views1 answer
Multiple ternary in vuejs
Html
0 vote312 views2 answers
Background music html autoplay hidden
Html
0 vote322 views1 answer
Set text of file input
Html