javascript - 仅在提交表单时将按钮添加到导航菜单？

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)。