浏览器是否支持Ajax加载的登录表单的自动完成功能?

我的问题是,浏览器(ie&ff)自动完成功能对我的登录表单不起作用。

我有一个带有cakephp&jquery的webapp。允许访问者不受干扰地登录/注册。登录表单位于通过Ajax加载的DIV中。(这允许在不重新加载页面的情况下登录。)

浏览器确实将其识别为一个登录字段,因为它们在单击登录时提示我保存凭据。它们确实保存了用户名/密码,因为它们出现在浏览器设置中保存的用户名/密码之间。但保存的用户名/密码不会自动输入。当页面加载时,它们不会显示为预先输入的。当我开始输入用户名时,用户名显示为一个建议,但即使选择了它,密码也不会在旁边输入。为什么?我怎样才能让这个工作?

您可以自己测试它,下面是一个简单的Ajax登录表单:

http://gablog.eu/test/ajaxlogin.html

它加载以下登录表单,如果您转到下面的URL,自动完成功能只适用于普通表单,因此表单本身不存在问题,而是Ajax加载: http://gablog.eu/test/loginform.html

布局:

<div id="user-bar">
    <script type="text/javascript">
        $(function() {
           $("#user-bar").load('loginform.html').html();
        });
    </script>
</div>

加载的视图(未登录时):

<form id="form-login" action="" onsubmit="login(); return false;">
    <input type="text" id="username" name="username"/>
    <input type="password" id="password" name="password"/>
    <input type="submit" value="Login"/>
    <div id="login-error" class="error-message"></div>
</form>

<script type="text/javascript">
    function login() {
        $.post('/ajax/login', $("#form-login").serialize(), function(data) {
            if (data.success) {
                $("#user-bar").load('userbar.html').html();
            } else {
                $("#login-error").html(data.message);
            }
        }, "json");
    }
</script>

澄清一下:我不想使用Ajax自动完成,我想让浏览器的自动完成在我的登录表单中起作用。这是我的表单和浏览器之间的问题。 当用户名/密码被保存时,jquery提交似乎扮演了一个次要角色。它们并不是为Ajax加载的HTML元素自动输入的! (测试站点不使用jquery提交。)相关问题: browser autocomplete/saved form not work in ajax request