javascript表单提交不起作用

Question

我有这段代码：

      <script type="text/javascript" >

          function Run()
         {
             document.forms['SF'].submit();
         }

     </script>


     <form method="post" action="#" name="SF" id="SF">

       <input type="text" id="user" name="user">
       <input type="button" onclick="Run();" value="sd">
       <input hidden type="submit" name="submit" id="submit" >

    </form>

当我点击按钮时，它应该提交表单，但它什么都不做..

请帮助..

Answer 1

打开控制台：

Uncaught TypeError: Property 'submit' of object #<HTMLFormElement> is not a function 

这意味着您正在尝试访问属性，这是因为您提交按钮的名称也是submit，更改其名称并且它将起作用。

您通过使用属性名称覆盖submit方法来混淆表单元素。

Here is a working fiddle