/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 vote147 views1 answer
Html entity decode in sql query
Html
3 votes145 views1 answer
Firefox image/svg+xml not working
Html
3 votes140 views1 answer
Embed string html angular
Html
0 vote144 views1 answer
Is redux based on flux
Html
269 votes329 views2 answers
Font awesome icons
Html
0 vote147 views1 answer
Insérer pdf dans html
Html
0 vote140 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
0 vote155 views1 answer
Form bem naming
Html
0 vote130 views1 answer
Html in page navigation
Html
1 vote149 views3 answers
Button email html
Html