如何验证kendo ui下拉列表

时间:2013-08-13 04:17:50

标签: asp.net-mvc-4 kendo-ui

如果用户选择“请选择”选项,我在验证Kendo下拉列表时遇到问题。请告诉我如何触发验证

这是我到目前为止的代码:

@Html.LabelFor(model => model.ConsumerGenderID)
                        @(Html.Kendo().DropDownList()
                                .Name("Gender")
                                .HtmlAttributes(new { @Style = "align:center; font-size:12px; width:208px; length:35px" })
                                .OptionLabel("Please Select")
                                .Value("-1")
                                .DataTextField("OptionName")
                                .DataValueField("OptionID")
                                .DataSource(source =>
                                {
                                    source.Read(read =>
                                    {
                                        read.Action("GetGenderStatus", "ConsumerDetails");
                                    });
                                })

                        )
                        @Html.ValidationMessageFor(model => model.GivenName1, " ")


                </div>

模型

Required(ErrorMessage = "Please select a gender")]
        [UIHint("GridForeignKey")]
        [DisplayName("Gender")]
        public int ConsumerGenderID { get; set; }
        public string ConsumerGenderName { get; set; 

}

1 个答案:

答案 0 :(得分:0)

尝试匹配两个字段的名称。例如,“Gender”和GivenName1不等同,因此即使它不是一个剑道下拉列表,也足以保证验证不被触发。

或许尝试使用dropdown,这样可以更容易地跟踪。

@Html.Kendo().DropDownListFor(m=>m.GivenName1)
@Html.ValidationMessageFor(m=>m.GivenName1)