提交或刷新后不保留文本字段值

时间:2017-06-29 21:13:05

标签: javascript local-storage

我正在尝试构建一个在页面刷新或提交后保留其值的脚本,但我无法让它工作。页面刷新并且文本字段重置而不是保留的值。我希望有人能告诉我出错的地方,非常感谢任何帮助,

document.getElementById("cmtx_comment").value = localStorage.getItem("comment");

function saveComment() {
    var comment = document.getElementById("cmtx_comment").value;
    if (comment == "") {
        alert("Please enter a comment in first!");
        return false;
    }

    localStorage.setItem("comment", comment);
    alert("Your comment has been saved!");
    
    location.reload();
    return false;
    //return true;
}
<form method="post" action="" onSubmit="return saveComment();">
    <input type="text" name="cmtx_comment" id="cmtx_comment" value="" />
    <input type="submit" value="Save" />
</form>

提前多多感谢。

1 个答案:

答案 0 :(得分:0)

我已使用本地电脑检查了您的代码。当我尝试将带有<script>标记的javascript代码放在html内容之上时,它无效。

但是当我在<script>标记结束之前移动JS代码和</body>标记时。它奏效了。