Form submitting using Javascript not working

Question

I am using multiple form in a page here is my HTML code:

<form name="myform" id="myform" method="post" action="test.php">
<a href="javascript: submitform();" >submit</a>
<input type="hidden" name="encKey" value="12" />
</form>

<form name="myform" id="myform" method="post" action="test.php">
<a href="javascript: submitform();" >submit</a>
<input type="hidden" name="encKey" value="12" />
</form>


<form name="myform" id="myform" method="post" action="test.php">
<a href="javascript: submitform();" >submit</a>
<input type="hidden" name="encKey" value="12" />
</form>

And here is my javascript code:

<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

When i click on submit link, form is not submitting and gererate error in backend:

TypeError: document.myform.submit is not a function.

What may be issue?

Thanks

IDs and name attribute are meant to be unique.. forms are not attached to the document object directly. — Daniel W.
– Daniel W., Commented Nov 22, 2013 at 8:49

Yanki Twizzy · Accepted Answer · 2013-11-22 08:47:25Z

1

I think you should use unique ids for all the forms. Then you can have a function that takes as a parameter the id of the form that you want to submit and then submit it. So you can have something like

<script type="text/javascript">
function submitform(formid)
{
  document.getElementById(formid).submit();
}
</script>

answered Nov 22, 2013 at 8:47

Yanki Twizzy

8,0818 gold badges44 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nikunj K. · Accepted Answer · 2013-11-22 08:39:22Z

0

You may try this

<script type="text/javascript">
function submitform()
{
  document.getElementById('myform').submit();
}
</script>

answered Nov 22, 2013 at 8:39

Nikunj K.

9,2574 gold badges46 silver badges54 bronze badges

Comments

Fotis_zzz · Accepted Answer · 2013-11-22 08:47:42Z

0

You can also use document.forms["myForm"].submit();. In this case "myForm" is the name of each form and it has to be unique as well as id.

answered Nov 22, 2013 at 8:47

Fotis_zzz

1481 silver badge10 bronze badges

Comments

maxime1992 · Accepted Answer · 2013-11-22 08:49:43Z

0

First of all you've got 3 id which are the same (myform), an id has to be unique.

answered Nov 22, 2013 at 8:49

maxime1992

24k11 gold badges90 silver badges133 bronze badges

Comments

fancy_guo · Accepted Answer · 2013-11-22 08:50:45Z

0

the id of a form must be unique, try to change the form id to only name.

you can try to use

document.getElementById('formId').submit()

to submit the information of a form.

edited Nov 22, 2013 at 8:50

answered Nov 22, 2013 at 8:45

fancy_guo

11 bronze badge

Collectives™ on Stack Overflow

Form submitting using Javascript not working

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related