仅在提交表单时向导航菜单添加按钮？

Question

我正在一起学习JavaScript和HTML5， 我的网站上有一个导航菜单，有3个按钮，

• 主页
• 联络
• 注册

我在Register页面中有一个html表单，id名为contact_form 我正在使用这样的javascript访问它，

var regForm = document.getElementById("contact_form");

现在我想在导航菜单中显示另一个按钮，但只有在提交表单的情况下，我才能使用PHP来完成，但是如何才能使用基本的JavaScript和HTML5呢？

这是我可以检查表单是否已提交的方式，

regForm.onsubmit = //do something

这是我的nav

的html

<nav id="nav">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="contact.html">Contact</a></li>
                <li><a href="register.html">Register</a></li>
                //add one more link if the form is submitted
            </ul>
</nav>

我的html表单是带有提交按钮的简单html表单。

<form id="contact_form" class="contact_form" action="submit.html" method="post" name="contact_form">

Answer 1

你不能。

当表单开始提交时，您会收到提交事件。您可以运行JavaScript来响应。这可以修改DOM以添加导航链接。

然后表单完成提交，您有一个带有新导航栏的新页面。之前的JavaScript环境已经消失。新的一个不能告诉页面是由表单提交加载的。

这应该用服务器端代码处理（可能是JavaScript，但你的问题暗示你在谈论客户端JS，而你的服务器端环境是PHP）。