ASP.NET Core表单部分Submit按钮失效问题求助

遇到同一表单下部分提交按钮有效、部分无效的情况，咱们可以从几个常见的点逐步排查：

1. 检查Action方法的请求特性匹配 #

首先要确认失效按钮对应的后台Action是否接收POST请求：
Submit按钮默认会发送POST请求，如果你的SelectPackagesForUpdate和DeletePackage方法没有添加[HttpPost]特性（ASP.NET Core默认Action是HttpGet），那么POST请求会被框架拒绝，自然无法触发提交。

比如有效按钮对应的Action应该是类似这样的：

[HttpPost]
public IActionResult CreatePackage(YourModel model, int page, int systemTypeIndex)
{
    // 逻辑代码
}

请确保失效按钮对应的Action也加上[HttpPost]特性。

2. 验证生成的HTML属性是否正确 #

ASP.NET Core的标签助手会把asp-action、asp-route-*等属性转换成原生HTML的formaction属性，覆盖表单的默认action。你可以右键页面→查看源代码，对比有效和失效按钮的HTML差异：

• 有效按钮应该生成类似这样的代码：

  <button type="submit" class="form_upload-edit_button" form="mainForm" formaction="/Packages/CreatePackage?page=1&systemTypeIndex=0">ACCEPT</button>
  

• 如果失效按钮的formaction是空值、或者路由参数缺失（比如page或systemTypeIndex为null导致参数没生成），那肯定无法正常提交。

检查@Model.PagingInfo.CurrentPage和@Model.FilterByPackageTypeChoice是否有有效值——如果PagingInfo是null，或者CurrentPage未初始化，标签助手会跳过该路由参数，可能导致Action无法匹配。

3. 排查JavaScript的干扰 #

看看是否有针对.packages_edit_delete_bar_button类的JavaScript点击事件，不小心调用了event.preventDefault()阻止了表单的默认提交行为。

你可以：

• 临时注释掉页面上的自定义JS代码，测试按钮是否能正常提交；
• 在浏览器控制台执行document.querySelector('.packages_edit_delete_bar_button').addEventListener('click', (e) => console.log(e.defaultPrevented))，点击按钮后查看控制台输出——如果是true，说明默认行为被阻止了。

4. 检查表单的enctype属性影响 #

你的表单设置了enctype="multipart/form-data"，用于文件上传。如果失效按钮对应的Action不需要处理文件上传，理论上不会有影响，但也可以尝试临时移除这个属性，测试按钮是否能正常提交。

另外，确保后台Action的参数绑定正确——如果Action接收的模型包含文件属性，即使失效按钮不需要上传文件，也要保证模型的文件属性是可空的（比如IFormFile? File），避免绑定失败导致请求被拒绝。

5. 测试简化场景 #

如果以上排查都没问题，可以创建一个极简的测试场景：

<form id="testForm" asp-controller="Packages">
    <button type="submit" form="testForm" asp-action="SelectPackagesForUpdate" asp-route-page="1" asp-route-systemTypeIndex="0">TEST EDIT</button>
</form>

看这个简化按钮是否能触发对应的Action，如果能，再逐步添加原来的样式、模型参数等，定位是哪个部分导致的问题。

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