HTML 表单在提交时未发布或采取任何操作答案

【问题标题】：HTML form not posting or taking any action on submitHTML 表单在提交时未发布或采取任何操作
【发布时间】：2018-08-22 13:24:49
【问题描述】：

由于某种原因，以下表单在提交时不会发出 post 请求：

<form action="/join" method="post">
    <input type="radio" name="scenario" value="hospital">Hospital Patient Scenario</input><br>
    <input type="submit" value="Join Game"/>
</form>

这个表格；但是，在同一个项目中，并且可以正常工作：

<form action="/login" method="post">
    <div>
        <label>Username:</label>
        <input type="text" name="username"/><br/>
    </div>
    <div>
        <label>Password:</label>
        <input type="password" name="password"/>
    </div>
    <div>
        <input type="submit" value="Submit"/>
    </div>
</form>

为什么第一个表单在提交时没有发出发布请求？

为了提供更多详细信息，路由 /login 和 /join 定义在两个单独的路由文档中，这两个文档都是服务器所需的。我尝试将 /join 路由移动到带有 /login 路由的路由文档，但它仍然不起作用。

【问题讨论】：

你检查过浏览器网络标签吗？是否有任何请求被触发？
我认为第一种形式的值应该是'提交'
怎么知道post请求没有提交？
@Paritosh，我知道没有提交发布请求，因为浏览器中的网络选项卡没有触发请求，也没有在我的服务器端注册

标签： javascript html forms post submit

【解决方案1】：

你应该替换：

<input type="submit" value="Join Game"/>

作者：

<button name="my-button" id="my-button" >Submit</button>

【讨论】：

【解决方案2】：

似乎我正在使用的另一个表单或另一个脚本干扰了表单的发布请求。我已经删除了该代码，我将通过尝试查看其他代码的哪一部分进行调试来进行调试。谢谢。

【讨论】：

【解决方案3】：

试试这个

<form action="/join" method="post">
<input type="radio" name="scenario" value="hospital">Hospital Patient 
 Scenario</input><br>
<input type="submit" value="submit" name="Join Game"/>
</form>

【讨论】：

这似乎仍然不起作用。 chrome 的网络跟踪器仍然没有注册使用此代码的发布请求，我的服务器也没有。如果您认为有帮助，我可以提供有关这些请求上下文的更多详细信息。