/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

27 votes132 views3 answers
Html horizontal line style
Html
0 vote184 views1 answer
High load linux
Html
3 votes139 views2 answers
Ionic color
Html
6 votes145 views1 answer
Html tag shows text from one side to another
Html
0 vote129 views2 answers
Html5 pattern for numbers only
Html
0 vote138 views1 answer
Html how to create a box in the middle of a image
Html
0 vote132 views1 answer
Font awesome 5 pro
Html
27 votes146 views6 answers
Html align text center
Html
47 votes148 views5 answers
Autocomplete off input
Html
1 vote134 views1 answer
Placeholder react native
Html