javascript - 如何使用 jquery 使用本地存储变量设置输入字段

Question

我正在使用 jquery mobile 和 jquery 制作移动网络应用程序。现在我已经有了它，当我选中我的复选框时，它会将我的变量从浏览器保存到本地存储中。但它不会将这些变量放回我的输入字段中。

这是我的脚本。函数 validate() 将变量保存到本地存储中。

$(document).ready(function () {
        if (localStorage["mail"]) {
            $('#mail').val(localStorage["mail"]);
        }else{
            $('#mail').val("");
        }
        if (localStorage["password"]) {
            $('#password').val(localStorage["password"]);
        }else{
            $('#password').val("");
        }
});
function validate(){
    if ($("remember:checked")) {
         var mail= $("#mail").val();
         var password= $("#password").val();

         localStorage["mail"] = mail ;
         localStorage["password"] = password;
         localStorage.setItem("mail", mail) ;
         localStorage.setItem("password", password) ;

     }else{
       alert("You didn't check it! Let me check it for you.")
     }
}

有谁能够帮助我 ？

谢谢你

Answer 1

这似乎$("remember:checked")不是一个有效的选择器（缺少 a.或 a #）。因此，您的值可能永远不会保存到本地存储中

当您检查元素是否存在时，您应该改用length属性

if ($("<your selector>").length) {
   ...
}

Answer 2

您在本地存储中设置和获取项目时做错了使用

localStorage.setItem('someval',1)
localStorage.getItem('someval'); // 1