/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 vote148 views2 answers
Html inline label
Html
0 vote177 views1 answer
What to put in http equiv in html
Html
2 votes173 views1 answer
Twig count array
Html
4 votes162 views1 answer
How to change the height of an image in html
Html
1 vote152 views1 answer
Img load error use other image
Html
0 vote152 views1 answer
Automatically closed menu after clicked event
Html
45 votes196 views3 answers
Button color bootstrap
Html
0 vote163 views1 answer
Bootstrap dropdown in table
Html
0 vote152 views1 answer
Html textarea along with cursor position set
Html
0 vote149 views1 answer
Favicon specification
Html