模态密码页面如果正确保存,则使用Cookie

问题描述

我有这个模态密码页面,可以很好地工作。如果输入正确,我只需要输入密码即可保存为Cookie或每个会话。如果有关于如何做得更好的想法,请告诉我。

var passprotect = {
  id: $("#password_input"),key: "tlf",errorMessage: "Sorry,please try again",errorState: function () {
    passprotect.id.css("border","1px solid rgb(255,0)");
    $(".password-container .label").html(passprotect.errorMessage);
  },successMessage: "Success!",successstate: function () {
    passprotect.id.css("border","1px solid rgb(0,200,100)");
    $(".password-container .label").html(passprotect.successMessage);
  },prompt: "Please enter password"
};

function openUp() {
  $("#password-modal").fadeOut(250);
}

function checkPassword() {
  var passVal = passprotect.id.val();

  if (passVal === passprotect.key) {
    passprotect.successstate(openUp());
  } else {
    passprotect.errorState();
  }
}

function bindEvents() {
  passprotect.id.on("keyup",function (e) {
    if (e.keyCode === 13) {
      checkPassword();
    }
  });
}

$(document).ready(function () {
  bindEvents();
});

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)