Problem in form submit through javascript

Question

I am submitting form via javascript by using 'document.FormName.submit()' . But this is giving me error of 'submit is not a function'. I m using IE8

<script typr="text/javascript">

function submitForm()
{
  document.theForm.submit()
}
</script>
<body>
<form name="theForm"  method="post">
<input type="text" name= "name">
<input type="button" name="submit" value="submit" onclick="submitForm()">
</form>
</body>

Please help me ?

Why are you attempting to submit the form again after is has been already submitted? Basically, why are calling the submit through JavaScript in the onsubmit event which means that the form is already submitted — Waleed Al-Balooshi, Dec 31 '10 at 05:40
possible duplicate of [Form not submitting with JS](http://stackoverflow.com/questions/1035889/form-not-submitting-with-js) — Piotr Dobrogost, Apr 14 '14 at 08:20

score 4 · Accepted Answer · answered Dec 31 '10 at 05:47

problem is with your button name

i have use this its work fine

<script type='text/javascript'>
function submitForm()
{
    document.theForm.submit();
}

</script>


<form name="theForm" method="post" action="default.php">
<input type="text" name="t" id="t"/><br/>
<input type="button" name="t1" value="submit" onClick="submitForm();">
</form>

Chintan Thummar · Answer 2 · 2014-07-19T06:59:58.017

0

document.getElementById("theForm").submit();

It works perfect in my case.

you can use it in function also like,

function submitForm()
{
     document.getElementById("theForm").submit();
}

Set "theForm" as your form ID. It's done.

edited Jul 19 '14 at 06:59

answered Mar 29 '13 at 13:46

Chintan Thummar

1,462
19
32

score 0 · Answer 3 · answered Dec 31 '10 at 05:25

0

use

document.forms[index].submit()

instead

answered Dec 31 '10 at 05:25

Amjad Masad

4,035
1
21
20

score 0 · Answer 4 · 2010-12-31T05:35:32.480

0

If your form name is FormName

try this

<a href="javascript:document.FormName.submit();">Action</a>

by the way your code is missing a semicolon at the end of the statement

and a spelling mistake here

<script typr="text/javascript">

typr

edited Dec 31 '10 at 05:35

answered Dec 31 '10 at 05:29

score 0 · Answer 5 · answered Dec 31 '10 at 05:32

Try this:

document.getElementsByName("theForm")[0].submit();

And you need to put the script after you declared the elements so :

<form name="theForm" onSubmit= "submitForm()">
<input type="text" name= "name">
<input type="submit" name="submit" value="submit">
</form>

<script type="text/javascript">

function submitForm()
{
  document.getElementsByName("theForm")[0].submit();
}
</script>

Or you can use events like document onload if you want to kepp your scripts in the page head.

score 0 · Answer 6 · answered Dec 31 '10 at 05:40

0

Here is the problem

change it typr is nothing should be type

<script typr="text/javascript">

to

<script language="javascript">

OR

<script type="text/javascript">

answered Dec 31 '10 at 05:40

Shakti Singh

84,385
21
134
153

score 0 · Answer 7 · answered Dec 31 '10 at 05:57

I just copy your code and executed in IE8 and it worked fine, so how is not working on your IE8. May be it is because of your hierarchy. So you please give id to form and try document.getElementById to access your form and then submit method. Do some thing like this"

<script type='text/javascript'>
    function submitForm()
    {
      document.getElementById('your_form').submit();
    }

</script>
   <form name="theForm" id="your_form" method="post" action="default.php">
      <input type="text" name="t" id="t"/>
      <input type="button" name="t1" value="submit" onClick="submitForm();">
   </form>

Problem in form submit through javascript

7 Answers7