/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 vote319 views1 answer
Remark asp markup
Html
0 vote300 views1 answer
Create ion card
Html
39 votes374 views6 answers
How to make bold text in html
Html
0 vote320 views2 answers
Question 02 => Yes
Html
0 vote320 views1 answer
Default button width in column flex direction bootstrap
Html
1 vote321 views1 answer
Pass method jsf component
Html
0 vote334 views1 answer
Meta http-equiv x-ua-compatible
Html
0 vote306 views3 answers
How to add progress bar in blogger
Html
24 votes330 views2 answers
W3schools meta tag
Html
0 vote272 views1 answer
Html windows logo
Html