/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 vote138 views1 answer
Html how to change button text
Html
2 votes128 views1 answer
Html ß
Html
1 vote142 views1 answer
Input onchange continuously
Html
0 vote144 views3 answers
Html entity double quote
Html
0 vote143 views1 answer
Amazon type search box html css
Html
1 vote130 views2 answers
Convert instagram embed script to iframe
Html
8 votes138 views1 answer
Remove space table html
Html
0 vote133 views1 answer
Livewire wire:target multi target
Html
2 votes146 views1 answer
Disable textarea html
Html
11 votes91 views2 answers
Trademark sign
Html