ASP.NET Core 6提交按钮无响应问题求助

针对你提供的Create视图代码，提交无反应通常是以下几个原因，按优先级排查：

1. 缺少CSRF令牌导致请求被拦截 #

ASP.NET Core默认启用AntiForgery验证，POST请求必须携带令牌，否则会被静默拦截。你的表单没有生成该令牌，导致提交被拒绝。

• 解决：在<form>标签内添加@Html.AntiForgeryToken()，或者改用标签助手自动生成令牌并明确提交目标：

  <form asp-action="Create" method="post">
      <!-- 原有表单内容 -->
  </form>
  

  后者会自动生成隐藏的CSRF令牌输入框，同时指定提交的目标控制器动作。

2. 控制器POST动作缺失或配置错误 #

检查CategoryController中是否存在对应的POST请求处理方法，且参数绑定正确：

• 确保有带[HttpPost]特性的Create方法，示例：

  [HttpPost]
  public async Task<IActionResult> Create(Category category)
  {
      if (ModelState.IsValid)
      {
          _context.Categories.Add(category);
          await _context.SaveChangesAsync();
          return RedirectToAction(nameof(Index));
      }
      // 验证失败返回原视图
      return View(category);
  }
  

• 确认Category模型的Name、DisplayOrder属性是public类型，无特殊绑定限制，确保参数能正确接收表单数据。

3. 模型验证失败但无错误提示 #

如果输入不符合模型验证规则（比如Name为空但必填、DisplayOrder输入非整数），请求会返回原视图，但你的视图没有显示验证错误，导致看起来无操作反馈。

• 解决：在表单中添加验证提示：

  <!-- 表单顶部添加全局错误摘要 -->
  <div asp-validation-summary="All" class="text-danger mb-3"></div>
  
  <!-- 每个输入框下方添加字段级错误提示 -->
  <div class="mb-3">
      <label asp-for="Name"></label>
      <input asp-for="Name" class="form-control" />
      <span asp-validation-for="Name" class="text-danger"></span>
  </div>
  <div class="mb-3">
      <label asp-for="DisplayOrder"></label>
      <input asp-for="DisplayOrder" class="form-control" />
      <span asp-validation-for="DisplayOrder" class="text-danger"></span>
  </div>
  

4. 浏览器端请求异常 #

打开浏览器开发者工具（F12），切换到网络标签，点击Create按钮后查看请求状态：

• 404状态码：说明找不到对应的控制器动作，检查路由和动作名称是否匹配；
• 400状态码：说明模型绑定失败，查看请求参数是否正确，或模型验证不通过；
• 500状态码：服务器内部错误，查看控制台日志或输出窗口的异常信息定位问题。

5. 自定义JS阻止表单提交 #

检查页面是否有自定义JavaScript代码，比如监听表单submit事件并调用了preventDefault()，导致表单无法正常提交。

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