/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 vote279 views1 answer
Corona cases in pakistan
Html
-1 vote258 views2 answers
How to put icons in select
Html
4 votes260 views2 answers
Subtracting fractions calculator
Html
0 vote287 views1 answer
How to add link on bar for google bar chart
Html
8 votes268 views1 answer
Onclick call php function with parameters
Html
0 vote278 views1 answer
How to stop text in html from becoming a link
Html
-1 vote310 views1 answer
Import vue js
Html
0 vote264 views1 answer
Html endofline in td
Html
0 vote295 views1 answer
Netlify 11ty build configuration
Html
18 votes282 views1 answer
Add css to an html file
Html