使用 JavaScript 自动提交表单 [英] Auto-Submit Form using JavaScript

问题描述

<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>

我在尝试每 10 秒 自动提交一个表单时遇到问题.表单名称是 myForm action="test.php".我收到 'test' 消息，但页面没有提交表单.

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?

已修复:从提交按钮中删除了 (name="submit") 并且运行顺利.

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

推荐答案

你需要指定一个框架，一个目标，否则你的脚本会在第一次提交时消失！

将 document.myForm 更改为 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>

这篇关于使用 JavaScript 自动提交表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！