Question

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

<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());
                }
        });

第一次，浏览器要求保存密码并自动完成它，下次，它不会，我缺少什么???

Answer 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"/>

记住浏览器中的密码和自动填充密码

1 个答案: