/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

13 votes129 views3 answers
How do i make a placeholder for a 'select' box
Html
24 votes129 views5 answers
How to make a rectangle in javascript
Html
1 vote107 views1 answer
How to conactenate href with variable html angular
Html
3 votes193 views2 answers
Mobile prevent zoom
Html
213 votes207 views3 answers
Bootstrap start
Html
0 vote158 views1 answer
2 button component in single row vuetify
Html
1 vote228 views1 answer
Coreui text align center
Html
2 votes99 views1 answer
Address tag in html
Html
3 votes146 views1 answer
Svg namespace uri
Html
267 votes331 views5 answers
Font-awesome - cdnjs.com - The best FOSS CDN for web
Html