javascript - 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您通过使用属性名称覆盖方法来混淆表单元素。

这是一个工作小提琴