/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 vote208 views2 answers
How to make a tag in html
Html
27 votes204 views3 answers
Change font size of h1 in html
Html
-1 vote186 views1 answer
Input type file pattern attribute in html
Html
21 votes211 views4 answers
HTML5 Template
Html
27 votes188 views5 answers
Class binding vue
Html
0 vote220 views3 answers
Html css text style on a word
Html
1 vote247 views2 answers
Tab completion vscode
Html
0 vote205 views1 answer
Font awesome 5 pro
Html
1 vote208 views1 answer
Redirect to folder html
Html
2 votes221 views3 answers
How to remove line in href tag in html
Html