/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

9 votes186 views6 answers
Html boilerplate
Html
3 votes198 views2 answers
Html dash code
Html
1 vote189 views1 answer
How to add an image to my web page from my computer
Html
17 votes209 views3 answers
Indian phone pattern regex
Html
1 vote190 views1 answer
Bootstrap news template
Html
1 vote219 views2 answers
Flask ico
Html
0 vote179 views1 answer
Twig form row label
Html
1 vote219 views1 answer
Allow xlsx and csv files rails file field accept values
Html
0 vote393 views1 answer
Jquery download text in html element new line
Html
7 votes192 views4 answers
Style attribute in html
Html