JavaScript Error Fix – TypeError: document.getElementById(…).submit is not a function

Sometimes you try to validate HTML <form> using form validation javascript via some third party plugin or even through your custom validation function but it doesn’t work and get following error.

Error  Debugging

• Double check if you have any element name =”submit’.
  
  XHTML

  <input type="submit" name="submit" value="Submit" />

  1	<input type="submit" name="submit" value="Submit" />

• Check If multiple callback attached to <form> submit() event via chrome console. 

  See screenshot:-

  

• Make sure if there isn’t any sub-form added by mistake.
  
  
  Form within Form

  XHTML

  <form id="form1"> <form id="subform1"> </form> </form>

  1 2 3 4

  <form id="form1">   <form id="subform1">   </form> </form>

• Check case sensitivity of getElementbyId.
  
  JavaScript

  document.getElementById('FROM-ID').submit();

  1	document.getElementById('FROM-ID').submit();

  
   
• If your form is still not posting the form, check if any function is returning false on submit event?
  
  JavaScript

  function validateForm() { /* some validation here */ return false; }

  1 2 3 4 5 6

  function validateForm() { /* some validation here */ return false; }