/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 vote178 views1 answer
Bootsrap main section fill all height with navbar
Html
3 votes182 views1 answer
Copyright footer html code
Html
0 vote183 views1 answer
Alpine function
Html
0 vote190 views1 answer
Barra di ricerca in html
Html
0 vote191 views1 answer
Breadcrumb b5
Html
27 votes177 views6 answers
Radio button bootstrap
Html
0 vote184 views1 answer
Rn force light mode ios
Html
0 vote172 views1 answer
Disable disabled html element button input div
Html
2 votes194 views2 answers
Data-target hamburger bootstrap
Html
3 votes199 views2 answers
Html style display none inline
Html