Telerik 验证不起作用

Question

我的代码设置如下。

            <div class="row">
                            <div class="col-md-12">
                                <h5>Vendor:</h5>
                                @(Html.Kendo().DropDownListFor(m => m.item.ManufacturerID)
                                    .HtmlAttributes(new { required = "required",  @class = "fill" })
                                    .OptionLabel("Select Manufacturer")
                                    .BindTo(Model.VendorList)

                                )    
                             </div>
             </div>

当我尝试提交此表单时，出现 javascript 错误

An invalid form control with name='item.ManufacturerID' is not focusable.

我需要将此字段设为必填。请帮助

Answer 1

花了一些时间，但我终于弄清楚了问题所在。验证适用于文本框，但出于某种原因，您必须在外部调用下拉菜单/组合框的验证器，我仍在努力弄清楚。但是解决上述问题的方法是创建一个 JQuery 函数。

$(document).ready(function () {
    $('#checkform').click(function (e) { // button that submits the form 
        e.preventDefault(); // prevent form submit to check for validation
        var validator = $("#AddEquipmentForm").kendoValidator().data('kendoValidator'); // form name / id 
        validator.validate(); // check validation 
        if (validator.validate()) {
            $("#AddEquipmentForm").submit(); // if everything is valid, submit
        }

    })    
})

Telerik 验证不起作用

Telerik Validation not working

jquery

kendo-ui

telerik-mvc