使用javascript / jquery检查“记住我”后的自动填充/自动填充字段

时间:2018-09-26 13:42:17

标签: javascript jquery cookies local-storage

如果用户通过单击“记住我”登录并且用户尝试再次登录,则需要自动完成输入字段(电子邮件和密码)。我有用于记住我的代码,但是我对使用Cookie还是使用本地存储感到困惑。谁能帮助我。如何使用jquery批准此问题,并且没有api。因此需要从前端开始。

我的jsfiddle是here

任何人都可以通过提供jsfiddle来解决问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <p style="text-align: center"><i>Enter your email ID and password to log in to Help.</i></p>

  <div id="errormsg" style="display: none; color:red;text-align: center; padding-bottom: 1.2rem;">
    Invalid token or login credentials, please log in again.
  </div>
  <div class="input-group">
    <span class="input-group-addon">
      <i class="fa fa-envelope"></i>
    </span>
    <input type="email" id="modal_login_email" name="modal_login_email" class="form-control" placeholder="Enter email" />
  </div>
</div>
<div class="form-group">
  <div class="input-group">
    <span class="input-group-addon">
      <i class="fa fa-unlock-alt"></i>
    </span>
    <input type="password" id="modal_login_password" name="modal_login_password" class="form-control" placeholder="Password" />
  </div>
</div>
<label class="custom-control custom-checkbox">
  <input type="checkbox" id="modal_login_remember" class="custom-control-input" />
  <span class="custom-control-indicator"></span>
  <span class="custom-control-description">Remember me</span>
</label>

<div class="modal-footer">
  <input type="button" onclick="login(document.getElementById('modal_login_email').value,document.getElementById('modal_login_password').value);"
    class="btn btn-primary" value="Login" style="background-color: #19659d; border-color: #19659d;" />
</div>

1 个答案:

答案 0 :(得分:0)

使用cookie并签出此帖子Set a cookie to never expire

这很容易实现。