/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

2 votes189 views3 answers
Ejs.min.js cdn
Html
1 vote179 views1 answer
Iframe render html in angular
Html
0 vote264 views1 answer
Form bem naming
Html
0 vote173 views1 answer
What is uniswap
Html
0 vote181 views1 answer
How to set limit of words in input type text
Html
1 vote158 views2 answers
Bootstrap 4 vertical align td
Html
1 vote164 views2 answers
Tailwind CSS alert
Html
1 vote175 views1 answer
Vue does v-html inject html
Html
0 vote186 views1 answer
El cerdo
Html
132 votes156 views6 answers
Html open link in new tab
Html