如何在ASP.NET Core Identity注册功能中启用客户端验证

我之前也遇到过类似的情况，咱们一步步排查并解决这个问题：

• 检查视图中表单与模型的绑定是否正确
  客户端验证依赖于Razor Tag Helper生成的data-val-*属性，所以必须确保你的注册视图中，每个输入控件都使用asp-for标签助手绑定模型属性，同时要包含验证提示元素和验证摘要。比如正确的表单结构应该是这样：

  <form asp-action="Signup" method="post">
      <div asp-validation-summary="All" class="text-danger"></div>
  
      <div class="form-group">
          <label asp-for="FullName"></label>
          <input asp-for="FullName" class="form-control" />
          <span asp-validation-for="FullName" class="text-danger"></span>
      </div>
  
      <!-- 其他字段（Email、Password、ConfirmPassword）同理 -->
  
      <button type="submit" class="btn btn-primary">Register</button>
  </form>
  

  如果是手动写<input name="FullName">这种方式，Tag Helper不会生成验证相关的属性，客户端自然无法触发验证。

• 确认验证脚本是否正确加载
  打开_ValidationScriptsPartial.cshtml，确保它包含了客户端验证必需的两个脚本库：

  <script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
  <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
  

  如果这两个文件不存在，你可以通过LibMan或者npm安装它们，然后正确引用路径。另外，要确保页面中先加载了jQuery，因为这两个验证库依赖jQuery。

• 验证服务配置是否启用客户端验证
  在Program.cs（.NET 6+）或者Startup.cs中，确认已经启用了客户端验证和非侵入式JavaScript：

  // .NET 6+ Program.cs
  builder.Services.AddRazorPages()
      .AddViewOptions(options =>
      {
          options.HtmlHelperOptions.ClientValidationEnabled = true;
          options.HtmlHelperOptions.UnobtrusiveJavaScriptEnabled = true;
      });
  

  默认情况下，AddRazorPages()或AddControllersWithViews()会启用这些选项，但如果之前手动修改过配置，可能会被关闭，所以需要确认这两个值为true。

• 检查模型验证特性的正确性
  你注释掉的密码正则表达式有个小问题：C#的正则不需要用/包裹，比如如果要启用这个验证，应该改成：

  [RegularExpression(@"[`!@#$%^&*()_+\-=\[\]{};':""\\|,.<>\/?~]", ErrorMessage = "Required an non-alphanumeric character")]
  

  不过这个注释掉的特性不会影响当前其他字段的验证，但如果后续启用要注意语法。

• 清除浏览器缓存
  有时候旧的脚本缓存会导致验证逻辑不生效，按Ctrl+F5强制刷新页面，或者清空浏览器缓存后再测试注册页面。

按照上面的步骤排查，应该就能解决注册页面客户端验证不生效的问题了。

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