jquery - 当提交按钮名为 "submit"时，为什么我的表单没有提交？

Question

我需要检查用户是否提交了表单，然后在随后以编程方式提交表单之前执行一些操作。

所以我有这个代码:

$('form').submit(function (e) {
    e.originalEvent && e.preventDefault();

     //I change some things in the form here.

    !e.isTrigger && $(this).submit();
}); 

这工作正常，但是当表单提交按钮被命名为“提交”时，它就不起作用了。

如果按钮名为“提交”，它甚至可以正常工作。 (大写“S”)

我只是好奇这是为什么？

这是一个 demo fiddle

Answer 1

您陷入了一些古老的 DOM 怪癖中。也就是说，DOM 中的表单将其所有输入元素(以及按钮)通过各自的名称公开为属性:

<form>
  <input name="foo">
</form>

结果:

var form = document.forms[0];
form.foo === document.getElementsByName('foo')[0];

不幸的是，当您有任何名为 submit 的控件时，因为它会隐藏原始表单的提交方法。

编辑:顺便说一句，要阅读其中许多陷阱，我建议看一下 Kangax' fantastic DOMLint documentation .