Auto-Submit Form using JavaScript

Question

<form name="myForm" id="myForm" action="test.php" method="POST">
  <p>
  <input name="test" value="test" />
  </p>
  <p>
    <input type="submit" name="submit" value="Submit" />
  </p>
</form>

    <script>

    var auto_refresh = setInterval(
    function()
    {
    submitform();
    }, 10000);

    function submitform()
    {
      alert('test');
      document.myForm.submit();
    }
    </script>

I'm having trouble trying to auto-submit a form every 10 seconds once landed on a page. The form name is myForm action="test.php". I get the 'test' message but the page doesn't submit the form.

Any solutions besides autoloading the function upon page load?

FIXED: Removed (name="submit") from the submit button and it worked smoothly.

What is document.myForm at the time the function is called? — chrisfrancis27
– chrisfrancis27, Commented Sep 11, 2012 at 19:05
<form name="myForm" id="myForm" action="test.php" method="POST"> <p> <input name="test" value="test" /> </p> <p> <input type="submit" name="submit" value="Submit" /> </p> </form> — Crys Ex
– Crys Ex, Commented Sep 11, 2012 at 19:10
Do you have an action defined on your form? Please include the relevant HTML. — Antony Scott
– Antony Scott, Commented Sep 11, 2012 at 19:10

Mihai Iorga · Accepted Answer · 2012-09-11 19:38:48Z

33

You need to specify a frame, a target otherwise your script will vanish on first submit!

Change document.myForm with document.forms["myForm"]:

<form name="myForm" id="myForm" target="_myFrame" action="test.php" method="POST">
    <p>
        <input name="test" value="test" />
    </p>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

<script type="text/javascript">
    window.onload=function(){
        var auto = setTimeout(function(){ autoRefresh(); }, 100);

        function submitform(){
          alert('test');
          document.forms["myForm"].submit();
        }

        function autoRefresh(){
           clearTimeout(auto);
           auto = setTimeout(function(){ submitform(); autoRefresh(); }, 10000);
        }
    }
</script>

edited Sep 11, 2012 at 19:38

answered Sep 11, 2012 at 19:05

Mihai Iorga

39.8k17 gold badges109 silver badges109 bronze badges

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

5 Comments

Mihai Iorga Over a year ago

Modified the script, tested, it works, works better with setTimeout

Mihai Iorga Over a year ago

You need to specify a frame, a target otherwise your script will vanish on first submit!

Crys Ex Over a year ago

I don't get it. What am I doing wrong? Uploaded the file at wildmedia.ro/auto_submit.php, still only 'test' pops up. Form not submitted.

Mihai Iorga Over a year ago

remove name="submit" from submit button because document.forms["myForm"].submit sees it as an element

jlh Over a year ago

The form's id attribute is not necessary in this example, since the form is accessed by the name attribute. (Unless of course you prefer to use document.getElementById(), in which case one should specify an id attribute instead of name.)

jrummell · Accepted Answer · 2012-09-11 19:11:21Z

11

Try using document.getElementById("myForm") instead of document.myForm.

<script>
var auto_refresh = setInterval(function() { submitform(); }, 10000);

function submitform()
{
  alert('test');
  document.getElementById("myForm").submit();
}
</script>

answered Sep 11, 2012 at 19:11

jrummell

43.2k18 gold badges116 silver badges179 bronze badges

1 Comment

jrummell Over a year ago

How doesn't it work? Do you see an error in the javascript console?

Nik · Accepted Answer · 2016-05-18 15:36:32Z

7

This solution worked for me:

<body onload="setTimeout(function() { document.myform.submit() }, 5000)">
   <form action=TripRecorder name="myform">
      <textarea id="result1"  name="res1" value="str1" cols="20" rows="1" ></textarea> <br> <br/>
      <textarea id="result2" name="res2" value="str2" cols="20" rows="1" ></textarea>
   </form>
</body>

answered May 18, 2016 at 15:36

Nik

4725 silver badges17 bronze badges

Comments

HNygard · Accepted Answer · 2015-10-08 10:51:48Z

4

A simple solution for a delayed auto submit:

<body onload="setTimeout(function() { document.frm1.submit() }, 5000)">
   <form action="https://www.google.com" name="frm1">
      <input type="hidden" name="q" value="Hello world" />
   </form>
</body>

answered Oct 8, 2015 at 10:51

HNygard

4,8666 gold badges35 silver badges40 bronze badges

Comments

abarisone · Accepted Answer · 2015-04-16 09:11:33Z

-7

Try this,

HtmlElement head = _windowManager.ActiveBrowser.Document.GetElementsByTagName("head")[0];
HtmlElement scriptEl = _windowManager.ActiveBrowser.Document.CreateElement("script");
IHTMLScriptElement element = (IHTMLScriptElement)scriptEl.DomElement;
element.text = "window.onload = function() { document.forms[0].submit(); }";
head.AppendChild(scriptEl);
strAdditionalHeader = "";
_windowManager.ActiveBrowser.Document.InvokeScript("webBrowserControl");

edited Apr 16, 2015 at 9:11

abarisone

3,81311 gold badges39 silver badges54 bronze badges

answered Apr 16, 2015 at 8:20

Mohammad Mujtaba

1

1 Comment

A.L Over a year ago

Why should anyone use this code without any explanation? Please describe what this code do in your answer.

Collectives™ on Stack Overflow

Auto-Submit Form using JavaScript

5 Answers 5

5 Comments

1 Comment

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

1 Comment

Comments

Comments

1 Comment

Linked

Related