ASP.NET MVC：Html.BeginForm内按钮跳转异常问题及实现咨询

1. 实现思路的最佳实践分析 #

你的核心需求（当下拉列表无所需国籍时跳转到添加页面）是合理的，但当前实现方式有可优化的空间：

• 交互体验可更顺畅：可以在国籍下拉列表中添加「添加新国籍」的选项，用户选择该选项时再触发跳转或弹出添加模态框，这样用户无需额外寻找按钮，流程更直观。
• 避免表单内多提交按钮冲突：当前把「添加国籍」按钮放在主表单内且使用submit类型，容易和表单默认提交行为冲突，这也是你跳转失效的根源。最佳实践中，这类跳转动作更适合用链接（<a>标签）实现，或使用普通按钮（type="button"）而非提交按钮。

2. 正确实现按钮跳转的几种方案 #

方案一：改用普通按钮（推荐） #

把按钮的type从submit改为button，点击时不会触发表单提交，只会执行跳转逻辑：

<input type="button" class="btn-sm btn-primary mt-1" value="Add Nationality" onclick="window.location='@Url.Action("AddNationality", "Nationalities")'">

注意：建议把Url.Action的目标改为实际处理添加国籍的Action（比如AddNationality），而非GetAll，更贴合业务逻辑。

方案二：用链接模拟按钮（更符合语义） #

跳转本质是页面导航，用<a>标签更符合HTML语义，同时通过Bootstrap按钮样式让它看起来像按钮：

<a href="@Url.Action("AddNationality", "Nationalities")" class="btn btn-sm btn-primary mt-1">Add Nationality</a>

这种方式无需JS，简洁可靠，完全不会和表单提交冲突。

方案三：阻止提交按钮的默认行为（不推荐） #

如果坚持使用submit类型按钮，可在onclick中添加return false阻止表单提交的默认行为：

<input type="submit" class="btn-sm btn-primary mt-1" value="Add Nationality" onclick="window.location='@Url.Action("AddNationality", "Nationalities")'; return false;">

不过这种方式依赖JS，且不符合按钮的语义，不如前两种方案优雅。

另外需要紧急修正：你的代码嵌套了两层<form>标签（Html.BeginForm已生成一个form，内部又写了<form>），这是无效HTML，会导致表单行为异常，必须去掉内层的<form>标签！

修正后的完整表单结构示例：

@model WebApp.Models.ViewModels.AddPersonViewModel 
<div class="container card">
    @using (Html.BeginForm("AddPersonPost", "Persons", FormMethod.Post)) {
        <div class="form-row">
            <div class="col">
                @Html.TextBoxFor(m => m.PersonModel.Name, new { @class = "form-control", @placeholder = "Name" })
            </div>
            <div class="col">
                @Html.TextBoxFor(m => m.PersonModel.Relationship, new { @class = "form-control", @placeholder = "Relationship" })
            </div>
            <div class="col">
                @Html.TextBoxFor(m => m.PersonModel.Comment, new { @class = "form-control", @placeholder = "Comment" })
            </div>
            <div class="col">
                @Html.DropDownListFor(m => m.PersonModel.Nationality, Model.NationalityList, new { @class = "form-control" })
                <!-- 使用方案二的链接按钮 -->
                <a href="@Url.Action("AddNationality", "Nationalities")" class="btn btn-sm btn-primary mt-1">Add Nationality</a>
            </div>
        </div>
        <div class="m-sm-2">
            <input type="submit" class="btn-sm btn-primary" value="Add Person">
        </div>
    }
</div>

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