/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 vote306 views2 answers
How to refer to external style sheet
Html
2 votes317 views1 answer
Give red color text in markdown
Html
0 vote341 views1 answer
Html accordion generator
Html
0 vote330 views1 answer
Remove White Space Below Image Elements
Html
0 vote285 views1 answer
Rotete a imge html mdn
Html
0 vote313 views1 answer
Html formatierung fett
Html
0 vote340 views1 answer
<body> tag
Html
0 vote326 views1 answer
Html pass attribute to react
Html
0 vote329 views1 answer
Ng else if
Html
24 votes362 views3 answers
Bootstrap Alerts Additional content
Html