Automatic form submission using JS

Question

I am developing a code, which takes a value as input and the form when submitted, displays the result and the code is as follows:

<script>
function submitme()
{

    document.forms["myform"].submit();
}
</script>
<body onload="submitme()">
<FORM name="performance" id="myform" method="post" action="http://www.pvpsiddhartha.ac.in/index.sit" >
        <INPUT type="hidden" name="service" value="STU_PERFORMANCE_MARKS_DISPLAY">
          <TABLE border="0" width="100%" cellspacing="0" cellpadding="0">
            <TR>
              <TD colspan="2" align="center"><STRONG><U>Student Marks Performance Display Form</U></STRONG></TD>
            </TR>  
            <TR><TD>&nbsp;</TD></TR>
            <TR>
              <TD align="right" width="40%">Regd. No:</TD>
              <TD><INPUT type="text" name="stid" value="<?php echo $_GET['x']; ?>"></TD>
            </TR>
            <TR><TD>&nbsp;</TD></TR>
            <TR>
              <TD align="right"><INPUT type="submit" name="submit" value="Submit"></TD>
              <TD align="center"><INPUT type="reset" value="Clear"></TD>
            </TR>
          </TABLE>
        </FORM>
        </body>

The problem is, when the page is loaded completely, the form should be submitted , but the form cannot be submitted. What is the problem , Help me!! Thanks in advance

when I add an alert("hello"); , it is being invoked but the submition is not done @Bart — user2644795
– user2644795, Commented Sep 29, 2013 at 15:52
either use document.getElementById('myForm') or document.forms[0] — Ohad Milchgrub
– Ohad Milchgrub, Commented Sep 29, 2013 at 15:53
there's a problem with the name of the button input that overrides the submit function of the form. change the name of the button from submit to something else (or remove it altogether) — Ohad Milchgrub
– Ohad Milchgrub, Commented Sep 29, 2013 at 16:00

Anshad Vattapoyil · Accepted Answer · 2013-09-29 16:48:53Z

Try this pure javascript,

  <body>
    <FORM name="performance" id="myform" method="post" action="http://www.pvpsiddhartha.ac.in/index.sit" >
      <INPUT type="hidden" name="service" value="STU_PERFORMANCE_MARKS_DISPLAY">
        <TABLE border="0" width="100%" cellspacing="0" cellpadding="0">
          <TR>
            <TD colspan="2" align="center"><STRONG><U>Student Marks Performance Display Form</U></STRONG></TD>
          </TR>  
          <TR><TD>&nbsp;</TD></TR>
          <TR>
            <TD align="right" width="40%">Regd. No:</TD>
            <TD><INPUT type="text" name="stid" value=""></TD>
          </TR>
          <TR><TD>&nbsp;</TD></TR>
          <TR>
            <TD align="right"><INPUT type="submit" name="submit_button" value="Submit"></TD>
            <TD align="center"><INPUT type="reset" value="Clear"></TD>
          </TR>
        </TABLE>
      </FORM>

    <script>
        window.onload = function(){
          document.getElementById('myform').submit();
        };

    </script>

To access this document.getElementById('myform').submit(), you should change <INPUT type="submit" name="submit" value="Submit"> to <INPUT type="submit" name="submit_button" value="Submit">. Don't use other element with name of submit or id.

And also the better one is,

   <script>
    window.ready = function(){
      document.getElementById('myform').submit();
    };
  </script>

Daemon025 · Accepted Answer · 2013-09-29 15:55:58Z

1

It should help:

$(document).ready(function () {
    $('#myform').trigger('submit'); });

Still I don't get what is the point of submitting the form after page loads.

answered Sep 29, 2013 at 15:55

Daemon025

871 silver badge11 bronze badges

5 Comments

user2644795 Over a year ago

I automated the system, when I call a program, it automatically generates 10 numbers and opens 10 tabs filling each one in the textbox and submitting it!! just to reduce my work :)

Sina R. Over a year ago

I think he wants kind of redirect with post data.

user2644795 Over a year ago

yea yea @imsiso, please tell me how to do it

Sina R. Over a year ago

check my answer and also others all of them gives you different solutions.

Sina R. Over a year ago

@user2644795 - check this. stackoverflow.com/questions/4907843/…

Mr.LamYahoo · Accepted Answer · 2013-09-29 16:05:33Z

1

try

<script>
function submitme()
{

    document.forms["performance"].submit();
}
</script>

or

<script>
function submitme()
{

    document.forms[0].submit();
}
</script>

answered Sep 29, 2013 at 16:05

Mr.LamYahoo

1,54614 silver badges28 bronze badges

Collectives™ on Stack Overflow

Automatic form submission using JS

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related