/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 vote110 views1 answer
How to change mouse into hand icon when you hover over something in html
Html
35 votes103 views5 answers
Tab space in html
Html
1 vote106 views1 answer
Flip an image js
Html
39 votes130 views6 answers
Bold html
Html
1 vote121 views1 answer
Basecamp 3 api tag mention
Html
26 votes106 views6 answers
Ngfor with index
Html
0 vote103 views1 answer
How to add a border under div bootstrap
Html
-4 votes117 views2 answers
Unreal engine
Html
0 vote103 views1 answer
Icon for dashboard in bootstrap
Html
0 vote119 views1 answer
Copy right html footer
Html