当表单具有id ='submit'值的提交按钮时,表单提交不起作用

时间:2014-10-24 08:37:33

标签: javascript

虽然this jsfiddle有效:

<form method="post" id="myform1">
    <input type="submit" value="submit" />
</form>

document.getElementById("myform1").submit();

This jsfiddle不起作用:

<form method="post" id="myform2">
    <input type="submit" id="submit" value="submit" />
</form>

document.getElementById("myform2").submit();

他们之间的差异submit按钮在第二个代码中有id

为什么?

注意:在工作this question时,我遇到了情况

2 个答案:

答案 0 :(得分:1)

区别在于按钮的类型而不是id

第一个例子,输入的类型是提交表单的提交。第二个例子,类型是不提交表格的按钮

在OP编辑问题之后

请注意,如果您将提交按钮的ID更改为“提交”以外的其他任何内容,则可以使用...

答案 1 :(得分:1)

这在以下各种网站上都有说明:

http://www.joezimjs.com/javascript/dont-name-inputs-action-submit/

使用id='submit'按钮也是jquery中已知的问题尚未解决

http://bugs.jquery.com/ticket/1414

大概是因为这个问题超出了jquery的控制范围,而且需要黑客攻击。

我有兴趣知道原因。