javascript - 当提交按钮的名称为 ="submit"时，欧芹表单未提交

Question

我刚刚发现，当我为提交元素指定 name="submit"属性时，我的表单没有提交。当我将名称更改为其他名称时，效果非常好!

我正在使用 parsley.remote.min.js * 版本 2.0.3 - 构建于 2014 年 7 月 21 日星期一 11:58:33

抱歉，我现在不能提供代码，我只是想把它扔在那里。是不是我做错了什么？

Answer 1

当您将表单元素命名为“submit”时，您无意中用输入对象覆盖了表单的 submit 方法。例如，用这个:

<form id="testForm">
    <input type="text" name="testInput" />
</form>

您现在可以通过表单对象的属性按名称访问输入元素:

var testInput = document.getElementById('testForm').testInput;

表单有一个 submit() 方法，您可以通过编程调用它(这与通过单击按钮或“提交”类型的输入调用的方法相同):

document.getElementById('testForm').submit();

也许现在您可以通过将表单元素命名为“submit”来看到问题——您正在剥夺表单的提交能力，因为 submit() 不再存在——它已被重新定义作为返回对提交按钮的引用的属性。

这里有更多解释:

• Why Form Elements should not be named submit?