如何在客户端验证剃刀mvc3中的下拉列表框

Question

如何在客户端验证下拉列表框。。。。。

            @Html.DropDownListFor(per => per.Gender, new[] {
                        new SelectListItem(){Text = "Male" , Value="Male"},
                        new SelectListItem(){Text ="Female" , Value = "Female"},
                    }, "Select Your Gender")
            @Html.ValidationMessageFor(per => per.Gender)

Answer 1

在视图中包含jquery验证插件脚本以及jquery（如果尚未在Layout.cshtml中引用）

@model SomeModel
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>    
@using (Html.BeginForm())
{
   @Html.DropDownListFor(per => per.Gender, new[] {
                        new SelectListItem(){Text = "Male" , Value="Male"},
                        new SelectListItem(){Text ="Female" , Value = "Female"},
                    }, "Select Your Gender")
            @Html.ValidationMessageFor(per => per.Gender)
    <input type="submit" />
}

并确保SomeModel的性别属性是必需的

[Required]
public string Gender { set;get;}

将web.config更新为，并将名为ClientValidationEnabled的AppSetting设置为真正的

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

现在，当您提交时，如果浏览器中启用了javascript，它将执行客户端验证。