/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

2 votes189 views1 answer
How to switch between html pages
Html
4 votes208 views1 answer
Circlular waiting icon bootstrap
Html
0 vote170 views1 answer
Html <svg> path star
Html
8 votes185 views5 answers
How to install jquery
Html
5 votes169 views1 answer
How to autoplay youtube video in html
Html
2 votes179 views1 answer
How to set a default value for a dropdownlist in html with thymeleaf spring
Html
0 vote165 views2 answers
Html overflow scroll only if needed with exemple
Html
0 vote207 views1 answer
Fixed size body html
Html
2 votes168 views2 answers
Hover message html
Html
2 votes168 views2 answers
Autoclick button if refresh page html
Html