2

ドロップダウンリストボックスをクライアント側で検証する方法.....

            @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)
4

1 に答える 1

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のGenderプロパティが必要であることを確認してください

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

を更新web.configし、呼び出されたAppSettingClientValidationEnabledをtrueに設定します

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

これで、送信時に、ブラウザでjavascriptが有効になっている場合、クライアント側の検証が実行されます。

于 2012-07-26T15:45:50.423 に答える