提交表单和刷新页面后调用Javascript函数

Question

我有一个单页网站，其中包含使用PHP通过邮件提交用户数据的表单。当用户单击“提交”时，我需要打开包含成功消息的叠加层。问题在于，当提交表单并刷新页面时，我的叠加自动消失，用户没有必要的时间自己关闭它。你能帮我解决这个话题吗？

谢谢！

这是我的表格：

    <form id="contact-us" method="post" action="#" >
    <div class="col-xs-6 wow animated slideInLeft" data-wow-delay=".5s">
    <!-- Name -->
    <input type="text" name="name" id="name" required class="form" placeholder="Nombre" />
    <!-- Email -->
    <input type="email" name="mail" id="mail" required class="form" placeholder="E-mail" />
    <!-- Subject -->
    <input type="text" name="subject" id="subject" required class="form" placeholder="Asunto" />
    </div><!-- End Left Inputs -->
    <!-- Right Inputs -->
    <div class="col-xs-6 wow animated slideInRight" data-wow-delay=".5s">
    <!-- Message -->
    <textarea name="message" id="message" class="form textarea" required placeholder="Mensaje"></textarea>
    </div><!-- End Right Inputs -->
    <!-- Bottom Submit -->
    <div class="relative fullwidth col-xs-12">
    <!-- Send Button -->
    <button type="submit" id="submit" name="submit" class="form-btn semibold" onclick="openNav14()">Enviar</button>
    </div><!-- End Bottom Submit -->
    <!-- Clear -->
    <div class="clear"></div>
    </form>

以下是我的功能：

function openNav14() {
document.getElementById("myNav14").style.width = "100%";

}

/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav14() {
document.getElementById("myNav14").style.width = "0%";
}