/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

8 votes119 views6 answers
Aos animation
Html
0 vote102 views1 answer
How to change time in minecraft
Html
0 vote106 views1 answer
Como añadir bootstrap a html
Html
1 vote108 views3 answers
Php inside html
Html
0 vote114 views1 answer
Postcss minify
Html
1 vote108 views3 answers
Html iframe full page
Html
0 vote101 views1 answer
How to shift table to left in markdown
Html
1 vote110 views1 answer
Hoow to open a css property in css
Html
16 votes99 views4 answers
How to open all port ubuntu
Html
0 vote104 views1 answer
Image on text in bootstrap
Html