/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 vote180 views1 answer
Google Books Embedded Viewer API Example
Html
24 votes178 views6 answers
Tailwind center
Html
2 votes172 views1 answer
Get http://localhost:8080/favicon.ico 404 (not found)
Html
0 vote205 views1 answer
Jump to label html
Html
0 vote161 views1 answer
LWC tags in xml salesforce
Html
22 votes232 views3 answers
Syntax for ngfor
Html
0 vote171 views1 answer
Px in react is different from html file
Html
-1 vote188 views1 answer
Radio button group html jquery
Html
2 votes139 views1 answer
Single page html template
Html
1 vote256 views1 answer
Flip an image js
Html