html disable submit until all required field is complete

Clever Cassowary answered on January 1, 2022 Popularity 1/10 Helpfulness 1/10

answer html disable submit until all required field is complete

html disable submit until all required field is complete

Comment

<!-- 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('')
  })
}

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: disable html required-field submit

Link to this answer
Share Copy Link

Contributed on Jan 01 2022

Clever Cassowary

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

html disable submit until all required field is complete

Contents

More Related Answers

html disable submit until all required field is complete

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.