/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 vote211 views1 answer
Html date min today
Html
0 vote232 views3 answers
Sub html
Html
0 vote232 views1 answer
Html.Raw blazor
Html
0 vote266 views3 answers
How to prevent cross site scripting to redirect you to another web page
Html
0 vote208 views1 answer
HOW TO SHOW A ERROR MESSAGE TO USERS IN HTML ON WEBSITE
Html
0 vote220 views1 answer
Can't bind to 'fill' since it isn't a known property of ':svg:path'
Html
74 votes227 views6 answers
Html button link
Html
0 vote217 views1 answer
Html domain
Html
18 votes206 views2 answers
Autofill visual code html code
Html
133 votes235 views5 answers
How to bold text css inline
Html