/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 vote173 views1 answer
Fetch('https://www.example.com/index.html') .then(res => res.text()) .then(html => console.log(html));
Html
0 vote174 views1 answer
Hange the anchor tag so it links to example.com:
Html
0 vote158 views1 answer
Jinja check if variable is none
Html
0 vote183 views1 answer
Svg marker
Html
0 vote179 views1 answer
Scroll an element in html with a button
Html
1 vote270 views2 answers
Router link @click
Html
-1 vote194 views1 answer
Redirect to a new tab inm html
Html
2 votes195 views1 answer
Publish html website
Html
3 votes189 views5 answers
Input max length
Html
15 votes179 views5 answers
How to make a button download a file in html
Html