ASP.NET MVC Razor视图实现表单多提交按钮对应不同Action

嘿，这个需求其实挺常见的，有几种简单的实现方式，我给你列出来，你可以挑最顺手的用：

方法1：利用HTML5的formaction属性（最简单推荐） #

HTML5允许给提交按钮直接设置formaction属性，覆盖表单的默认action。ASP.NET MVC的标签助手还能帮你自动生成正确的URL，不用手动拼路径。

你只需要在新增的Previous按钮上加上asp-action属性，指向你的后端Previous Action就行，代码修改如下：

<form asp-action="PasgStoreAndNext" method="post">
    <!-- 你的表单字段部分保持不变，这里省略 -->
    
    <p>
        <button type="submit">Next</button>
        <!-- 新增的Previous按钮，指定对应的Action -->
        <button type="submit" asp-action="PasgStoreAndPrevious">Previous</button>
    </p>
</form>

当点击Next按钮时，表单会提交到默认的PasgStoreAndNext；点击Previous时，会提交到PasgStoreAndPrevious，完全不需要额外的JS代码，非常省心。

方法2：用JavaScript动态修改表单Action #

如果需要在提交前做一些额外逻辑（比如表单验证、数据处理），可以用JS动态修改表单的action属性再提交。

首先给表单加个ID，然后给按钮绑定点击事件：

<form id="profileForm" asp-action="PasgStoreAndNext" method="post">
    <!-- 表单字段部分不变 -->
    
    <p>
        <button type="button" onclick="submitToAction('PasgStoreAndNext')">Next</button>
        <button type="button" onclick="submitToAction('PasgStoreAndPrevious')">Previous</button>
    </p>
</form>

<script>
function submitToAction(actionName) {
    // 获取表单元素
    const form = document.getElementById('profileForm');
    // 用Url.Action生成正确的Action路径
    form.action = '@Url.Action(actionName)';
    // 提交表单
    form.submit();
}
</script>

或者更简洁的写法，不用单独写函数，直接在按钮的onclick里处理：

<button type="submit" onclick="this.form.action='@Url.Action("PasgStoreAndPrevious")'">Previous</button>

方法3：用隐藏字段传递按钮标识（备选） #

如果你的场景需要统一提交到一个Action，再由后端判断调用哪个逻辑，可以加一个隐藏字段记录点击的按钮：

<form asp-action="HandleFormSubmit" method="post">
    <!-- 表单字段部分不变 -->
    <input type="hidden" name="buttonType" id="buttonType" />
    
    <p>
        <button type="submit" onclick="document.getElementById('buttonType').value='Next'">Next</button>
        <button type="submit" onclick="document.getElementById('buttonType').value='Previous'">Previous</button>
    </p>
</form>

然后在后端的HandleFormSubmit Action里，根据buttonType的值来调用PasgStoreAndNext或PasgStoreAndPrevious的逻辑。不过你说后端已经准备好两个独立的Action了，所以这种方法可能不如前两种直接，但也可以作为备选方案。

内容的提问来源于stack exchange，提问作者user1238784