/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 vote250 views1 answer
Js add class when hover
Html
0 vote225 views1 answer
Difference between tag and element
Html
1 vote250 views1 answer
Contenteditable attribute
Html
0 vote242 views1 answer
Html ecrire en gras
Html
91 votes265 views6 answers
Bootstrap color class
Html
4 votes262 views10 answers
Play snake
Html
2 votes214 views1 answer
How to strike out text in html
Html
64 votes255 views6 answers
How to make a link in html
Html
38 votes272 views5 answers
Html bold text
Html
0 vote242 views1 answer
How to stop html audio
Html