1

我一直在网上搜索这个并找到了很多例子来实现这一点，但没有一个对我有用，我希望它让浏览器要求保存你的密码，当给出用户名时，自动完成密码. 我有这个：

<form id="LoginForm">
       <label>UserName: </label>
       <input id="user" type="text" name="user" maxlength="16" class="inputTextLogIn"/>                             
       <label>Password: </label>
        <input id="pass" type="password" name="pass" maxlength="16" class="inputTextLogIn"/>
        <button id='loginButton' href='index.php?module=welcome' type='submit'>Entrar</button>
</form>

要验证的 Javascript 代码：

$("#LoginForm").validate({
                event: "blur",
                rules: {
                    'user': {
                        required: true,
                        maxlength: 50
                    },
                    'pass': {
                        required: true,
                        maxlength: 12
                    }
                },
                messages: {
                    'user': "Usuario debe ser válido",
                    'pass': "Contraseña debe ser válida"
                },
                errorElement: "label",
                submitHandler: function(form){
                    return doClick($("#loginButton"), $(form).serialize());
                }
        });

第一次，浏览器要求保存密码并自动完成，下一次，它没有，我错过了什么？？？

4

1 回答 1

1

@Subbu 是在正确的道路上，你非常接近......

Html5 有一个特定的标签，用于告诉浏览器该字段是可自动完成的。只需在您的表单标签中打开自动完成功能，它就会为所有字段打开它。

这是使用您的表单的样子：

<form id="LoginForm" autocomplete="on">
       <label>UserName: </label>
       <input id="user" type="text" name="user" maxlength="16" class="inputTextLogIn"/>                             
       <label>Password: </label>
       <input id="pass" type="password" name="pass" maxlength="16" class="inputTextLogIn"/>
       <button id='loginButton' href='index.php?module=welcome' type='submit'>Entrar</button>
</form>

然后，每当用户返回该页面时，它将填充用户名和密码。如果出于某种原因，您不想填充字段，只需关闭自动完成功能，如下所示：

<input id="pass" type="password" name="pass" maxlength="16" class="inputTextLogIn" autocomplete="off"/>
于 2014-08-26T18:37:34.623 回答