/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 vote215 views1 answer
HTML Links - Hyperlinks Example
Html
0 vote242 views1 answer
Set value of input ype color in html
Html
0 vote185 views1 answer
Html recaptcha
Html
0 vote229 views2 answers
How to write h1 tag in html
Html
1 vote252 views2 answers
How to move navlink to the right in bootstrap
Html
6 votes217 views1 answer
Add custom values in html tag
Html
0 vote204 views1 answer
Add fields in sale order line
Html
-1 vote251 views2 answers
Custom radio button
Html
5 votes231 views3 answers
Html a link tag
Html
0 vote251 views1 answer
How to use ID in HTML
Html