用javascript隐藏它后重新加载div？

Question

这可能是一个简单的问题，但是我遇到了一些麻烦。 我创建了一个表单，此表单使用php进行字段验证。 我已经为错误消息设置了回显，在提交表单后会在弹出窗口中回显。

在此弹出窗口上，有一个关闭按钮，我向此按钮添加了一些JavaScript以隐藏div，以便用户可以继续填写他们错过的表单字段。 我唯一的问题是...如果用户再次提交表单并且验证失败，则该弹出窗口将被隐藏，因此不会加载。

如何“暂时”隐藏此div并在提交后重新加载？ 这是我的关闭按钮的JavaScript代码：

<script>
function checkClick(e) {
    var obj = e.srcElement;
    if (obj.id != 'pop-overlay')
        document.getElementById('pop-overlay').style.display = 'none';
    }
</script>

这是我的电话：

onClick="checkClick(event); return false;"

这是我的PHP回声：

<?php
        if(!empty($errorMessage)) 
        {
            echo("<div id='pop-overlay'><ol>" . $errorMessage . "</ol><img class='close' src='images/close-btn.png' onClick='checkClick(event); return false;'/></div>");
        } 
    ?>

Answer 1

我不确定这里是否遵循页面逻辑，但是如果您希望div在同一页面上再次显示，则只需使用以下代码重新显示div：

document.getElementById('pop-overlay').style.display = 'block';

您可以将此代码放在希望再次显示的位置。 如果您需要先在页面上删除前一个div，然后再在页面上放置一个新的div，以便仅显示新的div，则可以使用以下方法：

var o = document.getElementById('pop-overlay');
o.parentNode.removeChild(o);