2

ショッピングカートのタイプのウェブサイトのローカルストレージに数字を保存しようとしています...テキスト/電子メールの保存が機能する例を見つけましたが、テキストの代わりに数字として保存しようとしたり、フォーム名を変更しようとすると、保存されません動作していないようです。

これは、データをキャプチャするためにサイトで作成したフォームであり、その後に、別のセッションから保存されたデータを入力し、データをキャプチャし、(現在は送信時にリセットされる) データを入力する JavaScript が続きます。

<form id="localStorageCart" method="post" action="">
  <label>Rooster:</label>
  <input type="number" name="roosterQ" id="roosterQ" class="stored" min="0" max="99" step="1" value ="0" /><br>


  <label>Cow:</label>
  <input type="number" name="cowQ" id="cowQ" class="stored" min="0" max="99" step="1" value ="0" /><br>


  <label>Cat:</label>
  <input type="number" name="catQ" id="catQ" class="stored" min="0" max="99" step="1" value ="0" /><br>


  <label>Sheep:</label>
  <input type="number" name="sheepQ" id="sheepQ" class="stored" min="0" max="99" step="1" value ="0" /><br>


  <label>Dumpster:</label>
  <input type="number" name="dumpsterQ" id="dumpsterQ" class="stored" min="0" max="99" step="1" value ="0" /><br>


  <label>Dog:</label>
  <input type="number" name="dogQ" id="dogQ" class="stored" min="0" max="99" step="1" value ="0" /><br>


  <label>Horse:</label>
  <input type="number" name="horseQ" id="horseQ" class="stored" min="0" max="99" step="1" value ="0" /><br>



    <input type="submit" class="submitOrder" value="Submit" />
</form><br>
<br>

<script type="text/javascript">
$(document).ready(function () {
    function init() { /* checks for stored data and fills in... */
        if (localStorage["roosterQ"]) {
            $('#roosterQ').val(localStorage["roosterQ"]);
        }
        if (localStorage["cowQ"]) {
            $('#cowQ').val(localStorage["cowQ"]);
        }
        if (localStorage["catQ"]) {
            $('#catQ').val(localStorage["catQ"]);
        }
         if (localStorage["sheepQ"]) {
            $('#sheepQ').val(localStorage["sheepQ"]);
        }
         if (localStorage["dumpsterQ"]) {
            $('#dumpsterQ').val(localStorage["dumpsterQ"]);
        }
         if (localStorage["dogQ"]) {
            $('#dogQ').val(localStorage["dogQ"]);
        }
         if (localStorage["horseQ"]) {
            $('#horseQ').val(localStorage["horseQ"]);
        }
    }
    init();
});

$('.stored').keyup(function () { /* keyup runs when key is pressed in a form with "stored"... Write to LS */
    localStorage[$(this).attr('name')] = $(this).val();
});

$('#localStorageCart').submit(function() { /* currently resets all LS data*/
    localStorage.clear();
});
</script>
4

2 に答える 2

1

localStorage文字列しか保持できないため、数値を保存する場合は、convert と入力する必要があります

var num = 1.5, str;

// Number to string, would be done implicitly by localStorage
str = num.toString();

// String to number
num = +str; // note nothing infront of the + sign.
// OR
// num = window.parseFloat(str,10); // or parseInt if you want integers

console.log(num, str);
// 1.5 "1.5"

または、機能していないように見えるフォーム名を変更します

も更新していますinitか？将来これを行う必要がないように、id.storedで個別に取得するのではなく、ループする必要があります。

于 2012-11-18T00:35:01.917 に答える
0

それでもlocalstorage経由で実行したい場合は、変数を保存する前にjson.stringifyを確認することをお勧めします

var obj = { 'a': 1, 'b': 2, 'c': 3 };
localStorage.setItem('obj', JSON.stringify(obj));

とにかく何をするつもりですか？次の使用またはページのリロードのためにフィールドを保持しようとしていますか？

もしそうなら、あなたはこのプラグイン、Sisyphushttp://simsalabim.github.com/sisyphus/を試してみたいかもしれませ ん

于 2012-11-18T00:44:44.357 に答える