我正在动态生成一个表单。为了简单起见，假设它是一个带有电子邮件/密码的登录表单。表单被提交，但在提交时它会触发处理实际登录的AJAX请求，且通过e.preventDefault()取消提交事件。
我使用e.preventDefault()来取消表单的默认操作，即“转到'action'中的页面”，但这似乎也会取消浏览器的自动完成检测。
我认为要使原生自动完成功能工作，需要满足以下几个条件：
type="text"必须有一个name我的分析正确吗？是否有任何方法使自动完成在此情况下工作？
为了避免追随者们的干扰: 我不寻求任何涉及jQuery或[插入您的框架]的解决方案，我想要使用浏览器自带的自动完成功能。我没有想要自动完成的单词列表。
好的，我找到了一种复杂的方法来做到这一点：
以下是Javascript代码：
function ajaxit() {
var iFrameWindow = document.getElementById("myframe").contentWindow;
iFrameWindow.document.body.appendChild( document.getElementById("myform").cloneNode(true));
var frameForm = iFrameWindow.document.getElementById("myform");
frameForm.onsubmit = null;
frameForm.submit();
return false;
}
Here is the html:
<form id="myform" onsubmit="return ajaxit();" autocomplete="on">
<input id="foo" name="foo"/>
<input type="submit" />
</form>
<iframe id="myframe" src=""></iframe> <!-- you'll want this hidden -->
点击提交按钮将运行ajaxit()方法。该方法会在iframe中创建相同的表单，并将其提交到服务器。您可以利用该提交来执行您的服务器请求，也可以执行单独的ajax请求并忽略iframe。
我知道这很丑，但它确实有效。
编辑：这里有一个jsbin可供测试。
DMoses的解决方案启发了我的解决方案，但两者有显著区别，所以我认为自己想出一个解决方案是个好主意。奖励归DMoses :P
DMoses的解决方案将表单移动（或复制）到iframe中，然后提交它。你想这样做的原因是为了使你的“父”表单不重新加载。有一个更简单的解决方案：让表单提交到iframe中。这完全相同，而且您不必复制任何节点。
这一步也是完全可重复的。唯一的缺点是你不能控制何时添加自动完成条目。您可能只想添加有效 条目，但至少此情况完美地模拟了如果没有使用ajax，普通表单的行为方式。如果您想控制要添加到自动完成中的内容，请使用DMoses的解决方案，复制表单并在iframe中提交。
对我来说，这已经足够了：
<form onsubmit="return ajaxit();" autocomplete="on" target="the_iframe">
<input id="foo" name="foo"/>
<input type="submit" />
</form>
<iframe id="the_iframe" name="the_iframe" src="javascript:false"></iframe> <!-- you'll want this hidden -->
最棒的一点是：不需要额外的JavaScript就可以使其工作！（除了为表单生成一个唯一的id/name，但这非常简单）。
jsFiddle: http://jsfiddle.net/KzF6s/13/
javascript:false)不是一个真正的页面，仅仅为了让它工作而有一个总是返回500的空闲页面是可疑的。 - Halcyonevent.preventDefault() 不应该在那里。这是一个正确的 fiddle：http://jsfiddle.net/U8Fcb/。然而：这在 Chrome（v31）和 FireFox（实际上有本地支持）中有效。但在 IE9 或 IE10 中无效（一个本地示例在 IE8 中似乎奇迹般地工作）。 - smhg在其他答案的评论中玩弄了一会儿小提琴之后，我决定为那些可以等待浏览器正确处理此问题的人制作此列表。
因此，总结一下，这些浏览器版本支持使用JavaScript生成的表单上的自动完成值：
iframe不起作用，但显然它可以！ - Halcyon