/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

6 votes196 views2 answers
Embed png in html
Html
-2 votes200 views2 answers
Making image responsive
Html
13 votes205 views1 answer
Centre text
Html
4 votes194 views2 answers
How to call a function as soon as a page loads javascript
Html
0 vote201 views2 answers
Target _blank on a link_to
Html
5 votes208 views1 answer
Boostrap 5.1 nav
Html
0 vote188 views1 answer
Code html view mobile inspect link head metalink
Html
1 vote210 views3 answers
Center iframe
Html
2 votes205 views2 answers
Html multi checkbox list
Html
1 vote192 views1 answer
Javascript onclick back
Html