Submit is not a function error in JavaScript

Question

Can anyone tell me what is going wrong with this code  I tried to submit a form with JavaScript  but an error   submit is not a function  shown  See below for more details of the code    lt form action  product php  method  get  name  frmProduct  id  frmProduct  enctype  multipart form-data  gt    lt input onclick  submitAction    id  submit value  type  button  name  submit value  value    gt    lt  form gt    lt script type  text javascript  gt      function submitAction                 document frmProduct submit           lt  script gt    I also tried this    lt script type  text javascript  gt      function submitAction                 document forms  frmProduct   submit           lt  script gt    Both show me the same error

User · Answer

Make sure that there is no another form with the same name and make sure that there is no name  submit  or id  submit  in the form

User · Answer

Possible solutions - 1 Make sure that you don t have any other element with name id as submit  2 Try to call the function as onClick    return submitAction     3 document getElementById  form-name   submit

User · Answer

I had the same issue when i was creating a MVC application using with master pages  Tried looking for element with  submit  as names as mentioned above but it wasn t the case    For my case it created multiple  tags on my page so there were some issues referencing the correct form   To work around this i ll let the button handle which form object to use   onclick  return SubmitForm this form     and with the js   function SubmitForm frm        frm submit

User · Answer

You can try    lt form action  product php  method  get  name  frmProduct  id  frmProduct  enctype  multipart form-data  gt    lt input onclick  submitAction this   id  submit value  type  button  name  submit value  value    gt    lt  form gt    lt script type  text javascript  gt  function submitAction element        element form submit       lt  script gt    Don t you have more than one form with the same name

User · Answer

Solution for me was to set the  form  attribute of button   lt form id  form id name  gt  lt button name  btnSubmit  form  form id name    gt  lt  form gt    or is js   YOURFORMOBJ getElementsByTagName  button   0  setAttribute  form    form id name    YOURFORMOBJ submit

User · Answer

You should use this code    x000D   x000D    document  on  ready   function      x000D          x000D          document frmProduct submit    x000D          x000D   x000D   x000D

User · Answer

Use getElementById   document getElementById   frmProduct   submit

User · Answer

In fact  the solution is very easy     Original        lt form action  product php  method  get  name  frmProduct  id  frmProduct  enctype  multipart form-data  gt       lt input onclick  submitAction    id  submit value  type  button       name  submit value  value    gt   lt  form gt   lt script type  text javascript  gt      function submitAction                 document frmProduct submit           lt  script gt    Solution        lt form action  product php  method  get  name  frmProduct  id  frmProduct   enctype  multipart form-data  gt   lt  form gt    lt  -- Place the button here -- gt   lt input onclick  submitAction    id  submit value  type  button       name  submit value  value    gt    lt script type  text javascript  gt      function submitAction                 document frmProduct submit           lt  script gt

User · Answer

What I used is   var enviar   document getElementById  enviar    enviar type    submit      Just because everything else didn  t work

User · Answer

submit is not a function   means that you named your submit button or some other element submit  Rename the button to btnSubmit and your call will magically work    When you name the button submit  you override the submit   function on the form

User · Answer

giving a form element a name of submit will simple shadow the submit property   make sure you don t have a form element with the name submit and you should be able to access the submit function just fine

User · Answer

I had same issue and resolved my issue just remove name  quot submit quot  from submit button   lt button name  submit  value  Submit Payment   gt  lt  button gt   Change To  lt button value  Submit Payment   gt  lt  button gt   remove name attribute hope it will work

User · Answer

If you have no opportunity to change name  quot submit quot  you can also submit form this way  function submitForm form        const submitFormFunction   Object getPrototypeOf form  submit      submitFormFunction call form

User · Answer

This topic has a lot of answers already  but the one that worked best  and simplest - one line   for me was a modification of the comment made by Neil E  Pearson from Apr 21 2013      If you re stuck with your submit button being  submit  you can get around it by stealing another form instance s submit   method    My modification to his method  and what worked for me   document createElement  form   submit call document getElementById frmProduct

User · Answer

lt form action  product php  method  post  name  frmProduct  id  frmProduct  enctype  multipart form-data  gt    lt input id  submit value  type  button  name  submit value  value    gt    lt  form gt    lt script type  text javascript  gt   document getElementById  submit value   onclick   submitAction   function submitAction         document getElementById  frmProduct   submit        return false     lt  script gt    EDIT  I accidentally swapped the id s around

[javascript] "Submit is not a function" error in JavaScript

Examples related to javascript

Examples related to html

Examples related to dom

Examples related to submit