1

誕生日選択セクションの日付フィールドを検証したい。1〜31日がリストされたドロップダウンリストがあり、デフォルト値は「0」で、テキストは「日」です。コードは以下のとおりです。

 public IEnumerable<SelectListItems> Date = new List<SelectListItems>
    {
        new SelectListItems{Value = "0", Text = "Day", Default = true},
        new SelectListItems{Value = "1", Text = "1"},
        new SelectListItems{Value = "2", Text = "2"},
        new SelectListItems{Value = "3", Text = "3"},
        new SelectListItems{Value = "4", Text = "4"},
        new SelectListItems{Value = "5", Text = "5"},
        new SelectListItems{Value = "6", Text = "6"},
        new SelectListItems{Value = "7", Text = "7"},
        new SelectListItems{Value = "8", Text = "8"},
        new SelectListItems{Value = "9", Text = "9"},
        new SelectListItems{Value = "10", Text = "10"},
        new SelectListItems{Value = "11", Text = "11"},
        new SelectListItems{Value = "12", Text = "12"},
        new SelectListItems{Value = "13", Text = "13"},
        new SelectListItems{Value = "14", Text = "14"},
        new SelectListItems{Value = "15", Text = "15"},
        new SelectListItems{Value = "16", Text = "16"},
        new SelectListItems{Value = "17", Text = "17"},
        new SelectListItems{Value = "18", Text = "18"},
        new SelectListItems{Value = "19", Text = "19"},
        new SelectListItems{Value = "20", Text = "20"},
        new SelectListItems{Value = "21", Text = "21"},
        new SelectListItems{Value = "22", Text = "22"},
        new SelectListItems{Value = "23", Text = "23"},
        new SelectListItems{Value = "24", Text = "24"},
        new SelectListItems{Value = "25", Text = "25"},
        new SelectListItems{Value = "26", Text = "26"},
        new SelectListItems{Value = "27", Text = "27"},
        new SelectListItems{Value = "28", Text = "28"},
        new SelectListItems{Value = "29", Text = "29"},
        new SelectListItems{Value = "30", Text = "30"},
        new SelectListItems{Value = "31", Text = "31"}

    };

私のモデルは以下の通りです：

 public class PaxInfoViewModel
{
    public bool IsChild
    {
        get { return Age != null; }
    }

    [Required(ErrorMessage="Please select the born Month")]
    public int BirthYear1 { get; set; }
    [Range(2, 12, ErrorMessage="Please select the born Month")]
    public int BirthMonth { get; set; }
    [Required(ErrorMessage = "Please select the born Date")]
    [Range(2, int.MaxValue, ErrorMessage = "Please select the born Date")]
    public int BirthDate { get; set; }

}

私の見解は以下の通りです：

 <div class="row">
                    <div class="editor-label control-label">@Html.Label("Child " + i + " Birthday ")</div>
                    <div class="span1">@Html.DropDownListFor(m => Model.Rooms[roomCount - 1].Children[i - 1].BirthDate, new SelectList(Model.DropDown.Date, "Value", "Text"), new { @class = "mini" })</div>
                    <div class="span2">@Html.DropDownListFor(m => Model.Rooms[roomCount - 1].Children[i - 1].BirthMonth, new SelectList(Model.DropDown.Month, "Value", "Text"), new { @class = "small" })</div>
                     <div class="errorformat">@Html.ValidationMessageFor(m => Model.Rooms[roomCount - 1].Children[i - 1].BirthMonth)
                    @Html.ValidationMessageFor(m => Model.Rooms[roomCount - 1].Children[i - 1].BirthDate)
                 </div></div>

この日付は検証する必要があります。ユーザーはデフォルト値以外の値を選択する必要があります。どうすればできますか。助けてください。ありがとうございました。

4

1 に答える 1

0

最後に私はそれを理解しました。ASP.NET MVC 3 目立たない検証は、「入力」要素のみを検証します。

jquery.validate.unobtrusive.jsしたがって、コードにいくつかの変更を加える必要がありました。

ここで私がしたこと：

ファイルのjquery.validate.unobtrusive.jsコード行 173 付近 (私のファイル内) で、このコード行を見つけることができます :$(selector).find(":input[data-val=true]").each(function ()に変更します$(selector).find("[data-val=true]").each(function ()。

また、289行目あたりで、次のコード行を見つけることができます:element = $(options.form).find(":input[name=" + fullOtherName + "]")[0]に変更します:element = $(options.form).find("[name=" + fullOtherName + "]")[0]

そして、私のビューファイルでは、以下のように検証属性をドロップダウンリストに追加します:

@Html.DropDownListFor(Yourmodelvariable, Yourlistitems, new Dictionary<string, object>() { { "data-val-range-min", "1" }, { "data-val-range-max", "31" }, { "data-val-range", "Please select the born Date" }, { "data-val", "true" }, { "class", "mini" } }) "

@Html.ValidationMessageFor(Yourmodelvariable)

検証したいときに検証属性を追加できます（私の場合、範囲を検証したい）、それはゆるい動きと同じくらいスムーズに機能します！

于 2012-09-19T06:57:12.363 に答える