/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 vote317 views1 answer
Tailwind CSS Breadcrumbs
Html
0 vote274 views1 answer
How many mammals live in water a few,many,much
Html
0 vote226 views1 answer
Call angular function from html
Html
0 vote352 views1 answer
Dilated vagina
Html
0 vote252 views2 answers
Html theme meta
Html
1 vote258 views1 answer
Bootstrap select dropdown height size
Html
0 vote235 views1 answer
Excel spreadsheet strikethrough shortcut
Html
0 vote240 views1 answer
Como ir para outra página em html
Html
0 vote241 views1 answer
Image background drawable android studio
Html
4 votes250 views1 answer
Textbox dropdown with manual input
Html