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。

为什么我的表单在提交按钮被命名时没有提交＆＃34;提交＆＃34;？

1 个答案: