客户端验证库

三大组件:

  • jQuery.js
  • jQuery.validate.js
  • jQuery.validate.unobtrusive.js

在 libman.json 中安装:

  1. {
  2. "library": "jquery@3.4.1",
  3. "destination": "wwwroot/lib/jquery/"
  4. },
  5. {
  6. "library": "jquery-validate@1.19.1",
  7. "destination": "wwwroot/lib/jquery-validate"
  8. },
  9. {
  10. "library": "jquery-validation-unobtrusive@3.2.11",
  11. "destination": "wwwroot/lib/jquery-validation-unobtrusive"
  12. }

在 _Layout 中使用:

  1. <script src="~/lib/jquery/jquery.js" asp-append-version="true"></script>
  2. <script src="~/lib/jquery-validate/jquery.validate.js" asp-append-version="true"></script>
  3. <script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js" asp-append-version="true"></script>

data-val 属性

image.png

客户端验证无法正常工作的情况

  • 确保没有禁用浏览器对 JavaScript 的支持
  • 确保客户端验证库按指定顺序加载(参考上方
  • 确保当前的运行环境加载了对应的 JS 验证库
    • Development、Staging、Production…