非继承_Layout的PartialView如何自动引入jQuery Validate库

你当前手动在每个PartialView里加script标签的方式是可行的，但确实存在重复代码、维护成本高的问题，下面给你几个自动化引入的实用方案：

方案1：创建基础PartialView模板 #

新建一个共享的基础模板（比如~/Views/Shared/_ValidationPartialBase.cshtml），把jQuery Validate的引用逻辑放在里面：

@{
    // 可添加通用ViewData设置或留空
}

<script src="~/lib/jquery-validate/jquery.validate.min.js"></script>
@RenderBody()

之后所有需要验证的独立PartialView，只需要在顶部指定这个模板作为布局即可，无需再重复写script标签：

@{
    Layout = "~/Views/Shared/_ValidationPartialBase.cshtml";
    ViewData["Title"] = "Title";
}

<!-- 这里编写你的PartialView内容 -->

方案2：用ViewComponent封装验证逻辑 #

把需要验证的UI和脚本封装成ViewComponent，调用时自动加载对应的脚本：

1. 创建ViewComponent类：

public class ValidatedFormViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        // 可根据需求传递表单模型等参数
        return View();
    }
}

2. 在~/Views/Shared/Components/ValidatedForm/Default.cshtml中编写视图内容和脚本：

<script src="~/lib/jquery-validate/jquery.validate.min.js"></script>
<!-- 这里放你的表单内容 -->

3. 在需要的页面或PartialView中调用：

@await Component.InvokeAsync("ValidatedForm")

方案3：使用脚本打包（BundleConfig） #

在BundleConfig.cs中配置jQuery Validate的打包规则：

bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
    "~/lib/jquery-validate/jquery.validate.min.js"));

之后在PartialView里只需一行代码引用打包后的脚本，后续修改脚本路径只需调整BundleConfig：

@{
    ViewData["Title"] = "Title";
}

@Scripts.Render("~/bundles/jqueryval")

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