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.

Answer 1

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> 

Answer 2

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>