ASPNET MVC Enable Client Side Validation (Unobtrusive)

2023-08-20

筆記 ASP.NET MVC 如何啟用 Unobtrusive Validation 讓 DataAnnotation 的驗證在 Client Side 就先生效，不需要等到送出到後端後才驗證。

logo

說明

Nuget 需要安裝以下套件：

<package id="jQuery.Validation" version="1.17.0" targetFramework="net48" />
<package id="Microsoft.jQuery.Unobtrusive.Validation" version="3.2.11" targetFramework="net48" />

首先確認 web.config 中的 appSettings 是否有設定 ClientValidationEnabled，預設就是 true：

Web.config

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

接著在 Bundle 加入註冊：

BundleConfig

bundles.Add(new ScriptBundle("~/bundles/jqueryvalidate").Include(
            "~/Scripts/jquery.validate.js",
            "~/Scripts/jquery.validate.unobtrusive.js"));

/View/Shared/_Layout.cshtml

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

太常使用了，直接在 Layout.cshtml 加入吧 😀

#ASPNET #MVC #Examples #Dev