【Web前端问题】怎样让表单记住未加密的密码

Z时代
2024-01-10
分类：技术分享

我有这样一个表单：

<form id="loginForm">
    用户名
    <input type="text" id="loginName" name="loginName">
    密码
    <input type="password" id="password" name="password">
    <button onclick="doLogin();">登录</button>
</form>

登录代码是这样的：

function doLogin() {
    var publicKey = window.publicKey;
    var crypt = new JSEncrypt();
    crypt.setKey(publicKey);
    //加密密码
    $("#password").val(crypt.encrypt($("#password").val()));
    $("#loginForm").submit();
}

第一次点击登录按钮，chrome会记住第一次的密码，然后登出后再次访问登录页面chrome会自动填充第一次的密码，点击登录，成功。第二次登出后再次访问登录页面，此时chrome会自动填充一长串加密后的密码，点击登录，失败。

我想做到类似百度的登录效果：