【原创】web前端实现记住密码功能

【原创】web前端实现记住密码功能

最近写代码的时候，需要一个记住密码的功能。

于是在前端，存取cookie实现了记住密码。

下面的代码可以直接用。

把相应的ID 和 时间复制过去。

js代码完全复制过去就行了 ，不用改。

ps：此功能的记住密码，没有记住账号功能。就是说账号需要自己输入，光标离开用户名输入框之后，密码会自动读取

代码中的button按钮可以改成submit按钮

– 这篇是18年写的博客，之前在另一个博客里，现在把它搬运过来，需要改进的地方还很多。加油。

这里是前端代码

// An highlighted block
<form id="form1">
 <div> 用户名:
  <input type="text" ID="txtUserName" onblur="GetPwdAndChk()">
  <input type="password" ID="txtPassword">
  密码：
  <input type="checkbox" ID="chkRememberPwd" />
  记住密码
  <input type="button" OnClick="SetPwdAndChk()" value="进入"/>
 </div>
</form>

下面是JS代码

<script type="text/javascript">
  window.onload=function onLoginLoaded() {
   
    if (isPostBack == "False") {
   
      GetLastUser();
    }
  }
   
  function GetLastUser() {
   
    var id = "49BAC005-7D5B-4231-8CEA-16939BEACD67";//GUID标识符
    var usr = GetCookie(id);
    if (usr != null) {
   
      document.getElementById('txtUserName').value = usr;
    } else {
   
      document.getElementById(