CODEWITHSUNDEEP
javascripthtml
Amin Nazri
Amin Nazri

Reputation: 7

how to create a condition where all input field is valid?

please help me, im doing form validation but want to create a condition in javascript where all input field is valid before according to the condition set in html code

<form action="" id="calculator_form">
  <input type="number"  id="val_1" placeholder="" min="0" max="300" value=0></td>
  <input type="number"  id="val_2" placeholder="" min="0" max="200" value=0></td>
  <button class="calculate-btn" type="submit" form="calculator_form">calculate</button>
</form>

Upvotes: -1

Views: 140

Answers (1)

samo0ha
samo0ha

Reputation: 3796

Maybe this validation function can help. you need to append this function to submit event and it expects to return true or false based on the validation of all fields.

function validate() {
  let errors = {};
  let inputFields = document.querySelectorAll('input');
  let isValid = false;
  
  inputFields.forEach((input, index) => {
    let min = input.getAttribute('min'),
        max = input.getAttribute('max'),
        val = input.value;
    
    console.log(min, max, val)
    if(val >= min && val <= max) {
      isValid = true;
    }else {
      isValid = false;
    }
  })
  
  return isValid;
}

Upvotes: 1

Related Questions