Question

我正在尝试在表单中创建“下一步”按钮和“后退”按钮。我想要“下一步”按钮来验证并提交表单。我希望“后退”按钮只需返回“购物车”页面即可。但是“后退”按钮会继续验证并尝试提交表单。这是我的代码：

<div class="buttons">
    <a href="@Url.Action("Index", "Cart")"><button class = "button" id = "back">Back</button></a>
    <input type="submit" value="Next" class="button" />
</div>

我需要将后退链接作为按钮的原因是它看起来与“下一步”按钮相同。任何想法我怎么能正常工作？

Answer 1

<button>元素始终提交表单。 <input type="submit" />元素也是如此。

但是<input type="button" />不会提交表单。这就是你想要的。

<div class="buttons">
    <input type="button" class="button" id="back" onclick="window.location = '@Url.Action("Index", "Cart")';">Back</a>
    <input type="submit" value="Next" class="button" />
</div>

编辑我不确定您是否可以将其放在<a>元素中。我重复了我的示例以使用点击事件而不是链接。如果放入<a>元素有效（任何人都可以确认吗？），你也可以这样做。

如何在表单中创建两个按钮，只有一个提交表单

1 个答案: