Chrome-如何通过JavaScript提交具有输入名称=提交的表单？

Question

我碰到了绝对奇怪的Chrome行为。 下面是代码

<form method="post" id="form" accept-charset="UTF-8" action="/lalala">
<input type="submit"  />
<input type="text" name="submit" value="Post this" />
</form>

<script>
    setTimeout(function(){ 
        var forma = document.getElementById("form");
        console.log(forma.submit);
        forma.submit(); 
    },30000);
</script>

它打印到Chrome调试窗口

<input type="text" name="submit" value="Post this">
Uncaught TypeError: object is not a function

即document.getElementById（“ form”）。submit是输入，但不提交回调！！

是否可以提交此表格并保持输入名称=提交？

Answer 1

是否可以提交此表格并保持输入名称=提交？

我相信，答案是否定的 。

我碰到了绝对奇怪的Chrome行为。

我也可以在Firefox中找到问题。

您使用关键字的时刻submit的无论是name或id一中的元素的form ，在form.submit变成了一个object引用相应的节点 ，而不是function来submit的form 。

请参考JSFiddle

<form method="post" id="form" accept-charset="UTF-8" action="/lalala">
    <input type="submit" />
    <input type="text" name="submit" value="Post this" />
</form>


var form = document.getElementById("form");
console.log(typeof form.submit);

Answer 2

确定，我找到了解决方案：

<input id="submit" type="submit" />
<script>
var button = document.getElementById("submit");
button.click();
</script>