MVC5项目登录表单提交失效：点击按钮无响应且Post未触发

我来帮你一步步排查这个问题，咱们从最常见的原因开始分析：

1. 先确认客户端验证是否正常工作 #

你的User模型里给Username和Password加了[Required]属性，MVC的客户端验证会自动阻止表单提交，直到输入符合规则。但如果页面没加载必要的验证脚本，可能既不提交也不显示错误，看起来就像点击按钮毫无反应。

你需要检查_Layout.cshtml里是否按顺序引用了这三个核心脚本：

<script src="~/Scripts/jquery-xxx.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

同时确保web.config里启用了客户端验证：

<appSettings>
  <add key="ClientValidationEnabled" value="true" />
  <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>

2. 检查表单生成的HTML是否正确 #

打开浏览器开发者工具（F12），查看页面中的form标签代码，确认：

• action属性指向正确的路径（比如/Admin/Login）
• method属性为post
• 表单内包含由@Html.AntiForgeryToken()生成的__RequestVerificationToken隐藏字段

如果路径不对，可能是路由配置问题，可以显式指定表单的路由信息：

@using (Html.BeginForm("Login", "Admin", FormMethod.Post, new { @id = "login-form" }))

3. 排查是否有JS阻止了表单提交 #

有时候页面中的自定义JavaScript会意外拦截表单提交行为，比如给登录按钮绑定了click事件但未正确处理默认行为。你可以：

• 暂时移除页面中所有非必要的自定义JS（包括_Layout里的额外脚本），测试表单是否能正常提交
• 在开发者工具控制台执行$("#login-form").submit()，如果手动执行能触发提交，说明是按钮的click事件被阻止了
• 检查是否存在类似这样的代码：

$("#login-button").click(function(e) {
  e.preventDefault(); // 这行代码会阻止表单默认提交
  // 其他逻辑...
});

如果有，要么移除e.preventDefault()，要么在逻辑处理完后手动触发表单提交：$("#login-form").submit();

4. 检查GET请求时ModelState是否存在错误 #

虽然你的Login GET Action只是返回空模型，但如果BaseController里有全局的ModelState操作，可能导致视图加载时ModelState就存在错误，间接影响表单提交。可以在GET Action中添加一行代码确保ModelState干净：

[HttpGet]
public ActionResult Login()
{
    ModelState.Clear();
    return View();
}

5. 验证AntiForgeryToken匹配情况（若提交后返回400错误） #

如果表单能提交但返回400错误，大概率是AntiForgeryToken不匹配。需要确认：

• 视图里确实包含@Html.AntiForgeryToken()
• 控制器Post Action带有[ValidateAntiForgeryToken]特性
• 浏览器未禁用Cookie（AntiForgeryToken依赖Cookie存储验证信息）

按照这些步骤排查，应该能快速定位问题。我之前遇到过好几次都是客户端验证脚本未加载导致的，建议先从这个方向入手。

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