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

时间:2013-03-09 02:04:55

标签: javascript jquery html5 jquery-mobile

希望将我的文本框值存储到本地存储,在页面加载时调用它们,但如果没有输入任何值(即第一次加载应用程序),我会收到错误说

 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.");
     }
     });

1 个答案:

答案 0 :(得分:2)

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