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) 而不是 if(pName.length>0)，null 并且空字符串是假的，所以它满足不被一个空字符串，如果它为 null 则不会导致错误。