javascript - jQuery 表单提交与 document.form.submit

Question

我有以下表格:
<form name="dealerLocatorForm"method="post"action="result.php">...</form>

我已将 Omniture SiteCatalyst formAnalyis 插件附加到它，它应该仅在未提交表单时发回信息。

预期的行为:当使用提交按钮提交表单时，不应触发信标(因为事情按预期进行)。

问题:
该表单需要一些验证，因此开发人员决定使用以下代码以编程方式提交表单:document.form.dealerLocatorForm.submit()或者 document.dealerLocatorForm.submit()

但是，当以这种方式提交表单时，插件会触发一个信标，通知我尽管提交了表单但并未提交。

另一方面，如果我使用 jQuery 提交:jQuery('form[name=dealerLocatorForm]').submit()
表格已正确提交且信标未触发!

简而言之，jQuery 成功地复制了表单提交的所有功能，就好像它是由提交按钮提交的一样，而 document.form 提交不是。

所以我的问题是:有什么区别:
document.form.dealerLocatorForm.submit()
document.dealerLocatorForm.submit()
和
jQuery('form[name=dealerLocatorForm]').submit()

似乎 jQuery 正在做一些更准确的事情。

Answer 1

此语法的行为是非标准的，并且在浏览器之间不一致:

document.form.dealerLocatorForm.submit()
document.dealerLocatorForm.submit()

改用 getElementById()(这是 jQuery 内部使用的):

document.getElementById("dealerLocatorForm").submit()

确保您在表单元素上设置了 id 属性:

<form id="dealerLocatorForm" ... >