MVC5 - 数据注释 - 客户端验证没有发生?

时间:2015-02-06 12:56:13

标签: asp.net-mvc asp.net-mvc-4 data-annotations

我有一个MVC 5应用程序,我正在使用数据注释来进行大部分验证。我班上的一个属性如下:

[Required(ErrorMessage = "Please enter a business name")]
[StringLength(80)]
public string BusinessName { get; set; }

验证工作正常,但它似乎并没有像我认为的那样在浏览器中发生。在我的页面上,我有一个保存按钮。如果我将“业务名称”字段留空并单击“保存”,则会对控制器方法发布一个帖子,该方法部分地看起来如下:

    [HttpPost]
    public ActionResult Create(Advertiser advertiser, FormCollection collection, HttpPostedFileBase file)
    {
        // Before we do anything, let's check to make sure any validation that's already been done is clean.
        if (!ModelState.IsValid)
        {
            return View(advertiser);
        }
   ...
   ...
}

执行此方法时,模型状态已设置为无效。这很好,因为它无效,因为商家名称字段为空。但是,不应该在客户端进行此验证吗?

我的.cshtml文件中的字段如下所示(使用Bootstrap):

<div class="form-group">
    @Html.Label("Business Name", new { @class = "control-label col-md-3" })
    <div class="col-md-9">
        @Html.TextBoxFor(model => model.BusinessName, new { @class = "form-control", title = "", autofocus = true })
        @Html.ValidationMessageFor(model => model.BusinessName)
    </div>
</div>

我的Web.Config设置如下:

<appSettings>
    <add key="webpages:Version" value="3.0.0.0" />
    <add key="webpages:Enabled" value="false" />
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
  </appSettings>

1 个答案:

答案 0 :(得分:12)

我发现了我的问题。在我的BundleConfig.cs中,我有以下内容:

    bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                "~/Scripts/jquery-{version}.min.js",
                "~/Scripts/jquery-ui-1.10.4.min.js",
                "~/Scripts/jquery.base64.js"
                ));

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

但是,我没有意识到,默认情况下,jqueryval包不会被加载到_Layout.cshtml文件中。所以我需要添加它,如下所示:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/jqueryval")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)

一旦我这样做了,它就可以正常工作了。当然,这会导致它被加载到所有页面。这可能并不可取。如果没有,请根据需要在每个页面中单独加载。