Answers for "disable button if form not valid"

1

disable submit button if input is empty

document.getElementById('submitID').disabled = true; //Disable at first

//Listen for keyup event (after we hit a key)
//-----------------------------------------------------------
//NOTE: We can also use the change event, but the submit button
//      won't update until we finish typing the whole thing
//-----------------------------------------------------------
document.getElementById('myInputFieldID').addEventListener('keyup', e => {
  //Check for the input's value
  if (e.target.value == "") {
    document.getElementById('submitID').disabled = true;
  }
  else {
    document.getElementById('submitID').disabled = false;
  }
});

//Happy coding :)
Posted by: Guest on October-11-2021
0

disable submit button after form validation

<form action="#" method="post" id="myform" name="myform">
    Location: <input name="location" type="text" />
    Site: <input name="site" type="text" />
    Age: <input name="age" type="text" />
    Gender <input name="gender" type="text" />
    <input name="button" type="submit" class="myButton" id="button" value="Submit" />
</form>
Posted by: Guest on September-27-2021

Code answers related to "disable button if form not valid"

Browse Popular Code Answers by Language