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, Sep 11 '12 at 19:05
Do you have an action defined on your form? Please include the relevant HTML. — Antony Scott, Sep 11 '12 at 19:10

Mihai Iorga · Accepted Answer · 2012-09-11T19:38:48.677

32

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 '12 at 19:38

answered Sep 11 '12 at 19:05

Mihai Iorga

39,330
16
106
107

Modified the script, tested, it works, works better with `setTimeout` – Mihai Iorga Sep 11 '12 at 19:12
You need to specify a frame, a target otherwise your script will vanish on first submit! – Mihai Iorga Sep 11 '12 at 19:14
I don't get it. What am I doing wrong? Uploaded the file at http://wildmedia.ro/auto_submit.php, still only 'test' pops up. Form not submitted. – Crys Ex Sep 11 '12 at 19:21
2

remove `name="submit"` from `submit` button because `document.forms["myForm"].submit` sees it as an element – Mihai Iorga Sep 11 '12 at 19:35
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`.) – jlh Jan 16 '19 at 13:34

score 11 · Answer 2 · answered Sep 11 '12 at 19:11

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 '12 at 19:11

jrummell

42,637
17
112
171

How doesn't it work? Do you see an error in the javascript console? – jrummell Sep 11 '12 at 19:12

score 7 · Answer 3 · answered May 18 '16 at 15:36

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>

score 4 · Answer 4 · answered Oct 08 '15 at 10:51

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 08 '15 at 10:51

HNygard

4,526
6
32
40

score -7 · Answer 5 · edited Apr 16 '15 at 09:11

-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 '15 at 09:11

abarisone

3,707
11
35
54

answered Apr 16 '15 at 08:20

Mohammad Mujtaba

1

3

Why should anyone use this code without any explanation? Please describe what this code do in your answer. – A.L Apr 16 '15 at 09:14

Auto-Submit Form using JavaScript

5 Answers5

Linked

Related