/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 vote280 views1 answer
Spawn mob without ai
Html
43 votes296 views10 answers
Youtube
Html
8 votes238 views6 answers
Marquee html
Html
0 vote273 views1 answer
Html table line between rows
Html
0 vote253 views1 answer
Html windows logo
Html
0 vote284 views1 answer
Html pdf template
Html
1 vote275 views2 answers
Html animated background
Html
0 vote312 views1 answer
Delete html file from git
Html
1 vote313 views1 answer
Html hide a div by default
Html
0 vote304 views1 answer
Display pdf in html fastapi
Html