Javascript 本地存储和jQuery问题

下面的脚本显示表单元素（textarea）中剩余的（允许的）字符。我想使用本地存储来保存在textarea中输入的文本，直到我提交表单为止

我正在尝试使用localStorage，这样当我返回页面时，剩下的字符（var text_remaining）不会显示完整的2000个字符，应该只显示剩下的字符…（var text_remaining）

$（文档）.ready（函数（）{
var char_th=2000；
var text_max=2000；
$（'#textarea_feedback'）.html（字符+剩余字符）；
//$（'#textarea_feedback'）.html（text_max+'剩余字符'）；
$（“#注释”）.keyup（函数（）{
var text_length=$（'#comments'）.val（）.length；
var text_剩余=text_最大值-text_长度；
$（“#textarea_feedback'）.html（剩余文本+剩余字符”）；
});
});

这就是我最后使用的 解决-工程

 <script>

$(document).ready(function() {
    var text_max = 2000;

$('#comments').keyup(function() {
        var text_length = $('#comments').val().length;

        var text_remaining = text_max - text_length;
        localStorage.setItem("text", $('#comments').val());

        $('#textarea_feedback').html(text_remaining + ' characters remaining');
});


 $('#textarea_feedback').html(text_max + ' characters remaining');
 var text = localStorage.getItem("text");

 $('#comments').val(text);
 $('#comments').keyup();

});

</script>

$（文档）.ready（函数（）{
var text_max=2000；
$（“#注释”）.keyup（函数（）{
var text_length=$（'#comments'）.val（）.length；
var text_剩余=text_最大值-text_长度；
setItem（“text”，$（“#comments”）.val（）；
$（“#textarea_feedback'）.html（剩余文本+剩余字符”）；
});
$（'#textarea_feedback'）.html（text_max+'剩余字符'）；
var text=localStorage.getItem（“text”）；
$（'注释'）.val（文本）；
$（“#注释”）.keyup（）；
});

给你

<script>

$(document).ready(function() {
    var char_th = 2000;
    var text_max = 2000;

    $('#textarea_feedback').html(char_th + ' characters remaining');
    localStorage.setItem("charrem", char_th");

    $('#comments').keyup(function() {
            var text_length = $('#comments').val().length;
            //var text_remaining = text_max - text_length;
            var text_remaining = localStorage.getItem("charrem");


            $('#textarea_feedback').html(text_remaining + ' characters remaining');
    });
});

</script>

$（文档）.ready（函数（）{
var char_th=2000；
var text_max=2000；
$（'#textarea_feedback'）.html（字符+剩余字符）；
setItem（“charrem”，char_th”）；
$（“#注释”）.keyup（函数（）{
var text_length=$（'#comments'）.val（）.length；
//var text_剩余=text_最大值-text_长度；
var text_remaining=localStorage.getItem（“charrem”）；
$（“#textarea_feedback'）.html（剩余文本+剩余字符”）；
});
});

给你

<script>

$(document).ready(function() {
    var char_th = 2000;
    var text_max = 2000;

    $('#textarea_feedback').html(char_th + ' characters remaining');
    localStorage.setItem("charrem", char_th");

    $('#comments').keyup(function() {
            var text_length = $('#comments').val().length;
            //var text_remaining = text_max - text_length;
            var text_remaining = localStorage.getItem("charrem");


            $('#textarea_feedback').html(text_remaining + ' characters remaining');
    });
});

</script>

$（文档）.ready（函数（）{
var char_th=2000；
var text_max=2000；
$（'#textarea_feedback'）.html（字符+剩余字符）；
setItem（“charrem”，char_th”）；
$（“#注释”）.keyup（函数（）{
var text_length=$（'#comments'）.val（）.length；
//var text_剩余=text_最大值-text_长度；
var text_remaining=localStorage.getItem（“charrem”）；
$（“#textarea_feedback'）.html（剩余文本+剩余字符”）；
});
});

试试这个：

$(document).ready(function() {
  var char_th = 2000;
  var text_max = 2000;
  $('#comments').keyup(function() {
    var text_length = $('#comments').val().length;

    var text_remaining = text_max - text_length;
    localStorage.setItem("text", $('#comments').val());

    $('#textarea_feedback').html(text_remaining + ' characters remaining');
  });
  $('#textarea_feedback').html(char_th + ' characters remaining');
  var text = localStorage.getItem("text");

  $('#comments').val(text);
  $('#comments').keyup();


});

试试这个：

$(document).ready(function() {
  var char_th = 2000;
  var text_max = 2000;
  $('#comments').keyup(function() {
    var text_length = $('#comments').val().length;

    var text_remaining = text_max - text_length;
    localStorage.setItem("text", $('#comments').val());

    $('#textarea_feedback').html(text_remaining + ' characters remaining');
  });
  $('#textarea_feedback').html(char_th + ' characters remaining');
  var text = localStorage.getItem("text");

  $('#comments').val(text);
  $('#comments').keyup();


});

---

你会想清理一下，但我想这是你想要的：

$(document).ready(function() {
var text_max = 99;
var remaining = (localStorage.getItem('remaining') > 0) ? localStorage.getItem('remaining') : text_max;
localStorage.setItem('remaining', remaining);
$('#textarea').val(localStorage.getItem('txtText'));
$('#textarea_feedback').html(remaining + ' characters remaining');

$('#textarea').keyup(function() {
    var text_length = $('#textarea').val().length;
    var text_remaining = text_max - text_length;
    localStorage.setItem('remaining', text_remaining);
    localStorage.setItem('txtText', $('#textarea').val());
    $('#textarea_feedback').html(text_remaining + ' characters remaining');
});

---

}))

你会想把这件事弄清楚一点，但我想这正是你想要的：

$(document).ready(function() {
var text_max = 99;
var remaining = (localStorage.getItem('remaining') > 0) ? localStorage.getItem('remaining') : text_max;
localStorage.setItem('remaining', remaining);
$('#textarea').val(localStorage.getItem('txtText'));
$('#textarea_feedback').html(remaining + ' characters remaining');

$('#textarea').keyup(function() {
    var text_length = $('#textarea').val().length;
    var text_remaining = text_max - text_length;
    localStorage.setItem('remaining', text_remaining);
    localStorage.setItem('txtText', $('#textarea').val());
    $('#textarea_feedback').html(text_remaining + ' characters remaining');
});

---

}))

您必须连续设置并从本地存储获取项目，而不是从

localstorage

获取剩余值，而不是

text\u剩余

变量

示例：

$(document).ready(function() {
var char_th = 2000;
    var text_max = 2000;


//First check local storage for any data
    var remaining = localStorage.getItem('remainder');

    if(remaining == null || remaining == undifined){

        //use 2000 if nothing has been typed 
    $('#textarea_feedback').html(char_th + ' characters remaining');

}else{

//use localstorage if value exists

$('#textarea_feedback').html(remaining + ' characters remaining');

}





    $('#comments').keyup(function() {
            var text_length = $('#comments').val().length;
            var text_remaining = text_max - text_length;

            //Here we add two lines to continuously put/pull from local storage

            var setremaining = localStorage.setItem('remainder' text_remaining);

            var remaining = localStorage.getItem('remainder');

            $('#textarea_feedback').html(remaining + ' characters remaining');
    });
});

---

希望这能有所帮助。

您必须从本地存储连续设置和获取项目，而不是从

localstorage

而不是

text\u resisting

变量中获取剩余值

示例：

$(document).ready(function() {
var char_th = 2000;
    var text_max = 2000;


//First check local storage for any data
    var remaining = localStorage.getItem('remainder');

    if(remaining == null || remaining == undifined){

        //use 2000 if nothing has been typed 
    $('#textarea_feedback').html(char_th + ' characters remaining');

}else{

//use localstorage if value exists

$('#textarea_feedback').html(remaining + ' characters remaining');

}





    $('#comments').keyup(function() {
            var text_length = $('#comments').val().length;
            var text_remaining = text_max - text_length;

            //Here we add two lines to continuously put/pull from local storage

            var setremaining = localStorage.setItem('remainder' text_remaining);

            var remaining = localStorage.getItem('remainder');

            $('#textarea_feedback').html(remaining + ' characters remaining');
    });
});

希望这能有所帮助。

我做了一个选择，将文本保存在本地存储器中，并将

text\u max

设置为文本区域的最大长度。（有点适应能力）

（函数（）{
var text_max=$（'textarea'）.attr（'maxlength'）；
如果（！localStorage['text']）{localStorage['text']=“”；}
$（'textarea'）.val（localStorage['text']）；
var char_th=text_max-localStorage['text'].length；
$（'p'）.html（字符+剩余字符）；
$（'textarea'）.keyup（函数（事件）{
var text_length=this.value.length；
var text_剩余=text_最大值-text_长度；
$（'p'）.html（剩余文本+剩余字符）；
localStorage['text']=this.value；
});
})();

我在本地存储中保存了文本，并将
text\u max
设置为文本区域的最大长度。（有点适应能力）


（函数（）{
var text_max=$（'textarea'）.attr（'maxlength'）；
如果（！localStorage['text']）{localStorage['text']=“”；}
$（'textarea'）.val（localStorage['text']）；
var char_th=text_max-localStorage['text'].length；
$（'p'）.html（字符+剩余字符）；
$（'textarea'）.keyup（函数（事件）{
var text_length=this.value.length；
var text_剩余=text_最大值-text_长度；
$（'p'）.html（剩余文本+剩余字符）；
localStorage['text']=this.value；
});
})();

您发布的代码似乎根本没有使用
localStorage
。应该说我“想要使用”localStorage这里有一个jsFiddle--尝试使用localStorage您发布的代码似乎根本没有使用
localStorage
。应该说我“想要使用”localStorageHere是一个JSFIDLE--尝试使用localStoragethis不起作用-仍然显示文本区域中已经有文本的2000感谢@the Dark Knights这不起作用-仍然显示文本区域中已经有文本的2000感谢@the Dark Knights我删除了var char_th-不认为我需要它-谢谢我删除了var char_th-不我想我需要它-谢谢