/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 vote267 views1 answer
Html video multiple elements
Html
1 vote263 views1 answer
Coc allow comments in json
Html
-2 votes265 views2 answers
Onclick hide div javascript
Html
0 vote244 views1 answer
ClrIfDetail
Html
1 vote277 views1 answer
Selected options with link
Html
10 votes259 views1 answer
W3school
Html
0 vote270 views1 answer
Create an html page in visual studio
Html
0 vote234 views1 answer
Is it illegal to hunt polar bears
Html
21 votes261 views1 answer
Viewport responsive
Html
69 votes255 views6 answers
How to center html
Html