在浏览器中记住密码和自动完成密码

我一直在网上搜索这方面的信息，并找到了很多实现这个的例子，但它们都没有用于我，我希望它让浏览器要求保存密码并在给出用户名时，自动完成密码。我有这样的：在浏览器中记住密码和自动完成密码

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

第一次，浏览器索要保存密码，并自动完成它，今后一段时期，它不，我失去了什么？ ??

来源

2013-05-28 Fernando Santiago

你应该确保打开自动完成 – aaronman

_“我希望它能够使浏览器请求保存您的密码，并在提供用户名时，自动完成密码。“_ - 对不起，但这不是现代浏览器中已有的内置功能吗？我不明白为什么你会想在这里手动实现任何东西... – CBroe

是的，我认为它是一个内置的功能，为大多数浏览器。 –

@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-26 18:37:34

在浏览器中记住密码和自动完成密码

回答

相关问题