ASP MVC 3：如何在选择列表上进行客户端验证？答案

【问题标题】：ASP MVC 3: How can I do Client side Validation on a Select List?ASP MVC 3：如何在选择列表上进行客户端验证？
【发布时间】：2011-04-28 12:50:02
【问题描述】：

在这里阅读了几个问题/答案后，我设法弄清楚如何将选择列表添加到表单并用数据填充它，如下所示：

@Html.DropDownList("S", new SelectList(ViewBag.S, "Id", "Nme"), "-- Sel a S --")

而且效果很好。但是我想添加一些客户端验证来验证用户是否选择了一个选项并且没有将其保留为默认值。

我正在使用 mvc 3 附带的标准 jquery 东西，所以大概我必须对 HTML.ValidationMessage 做一些事情，但是什么？

我一辈子都想不通。

TIA。

好的，我查看了它在 JQuery 领域是如何完成的，只需添加一个 htmlattribute 就可以了：

new {@class='required'}

到我的 Html.DropDownList 语句中，并添加validationMessage，为我解决了这个问题。

【问题讨论】：

【解决方案1】：

如果您使用的是 jquery 验证，那么您可以简单地添加所需的 css 类并为下拉列表进行所需的验证，前提是默认值为空。

【讨论】：

【解决方案2】：

首先，如果需要下拉菜单，请将 [Required] 属性添加到您的模型属性。

然后，在视图顶部的某处启用客户端验证：

<% Html.EnableClientValidation() %>

然后添加

@Html.ValidationMessage("S", "*")

仅当“默认”选择具有空值或空值时，上述内容才有效。还要确保您在页面顶部的脚本标签中引用了正确的 js 文件

【讨论】：

在 msvc3 中 EnableClientValidation 和 UnobtrusiveJacascriptEnabled 默认在 Web.config 中设置。