javascript - jquery & html5 文本框从本地存储保存/加载

Question

希望将我的文本框值存储到本地存储中，在页面加载时调用它们，但如果没有输入值（即第一次加载应用程序），我会收到一条错误消息

 TypeError: pName is null
 [Break On This Error]  

 if(pName.length>0){

JS：

$('#form').on("pageinit", function() {
    $('#saveButton').click(function() {
        localStorage.setItem("Name", $('#Name').val());
    });
});


$('#form').on("pageinit", function() {
var pName = localStorage.getItem("Name");    
if(pName.length>0){
$('#Name').val(pName);
} 
});

我尝试添加它，但如果值低于 0，它似乎并没有实际加载 Enter Name ....

$('#form').on("pageinit", function() {
 var pName = localStorage.getItem("Name");

   if(pName.length>0){
        $('#Name').val(pName);
     } else {
        $('#Name').val("Enter name.");
     }
     });

Answer 1

只需使用if(!pName)instead of if(pName.length>0), null 并且空字符串是虚假的，因此它满足不是空字符串的条件并且如果它为 null 则不会导致错误。