表单提交后保留输入值（带有捕获）

Question

在PHP中，如果文本输入“ cmtx_comment”为空，则在表单提交时会显示一个JavaScript警报。在警报中按“确定”后，用户在表单中所有字段中输入的值都消失了。如何在不向输入元素的值添加代码的情况下保持用户输入的值（类似<input type="text" name="something" value="<?php echo $_GET['something'];?>">？

if (empty($cmtx_comment)) { //if comment value is empty
echo <<<EOD
<script>
alert('Please enter a comment!');
</script>
EOD;
return false;
} else { //if comment entered
do stuff

Answer 1

您是否尝试过localStorage和表单验证？

HTML：

<form method="post" action="" onSubmit="return saveComment();">
    <input type="text" name="cmtx_comment" id="cmtx_comment" value="" />
    <input type="submit" value="Save" />
</form>

JavaScript：

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;
}

例

在首页加载时，您将看到：

如果您不输入评论，则会收到警报：

如果你做输入注释，你会得到一个不同的警报：

然后页面将刷新（或发布，只需取消注释返回的true，并注释location.reload），您仍会看到第一次发布的内容。