Telerik验证不起作用

时间:2016-09-27 15:29:50

标签: jquery kendo-ui telerik-mvc

我的代码设置如下。

            <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错误

  

名称=&#39; item.ManufacturerID&#39;的无效表单控件不可专注。

我需要让这个字段成为必需的。请帮忙

1 个答案:

答案 0 :(得分:0)

花了一些时间,但我终于弄明白了这个问题。验证适用于文本框,但您必须从外部调用验证器以获取下拉/组合框出于某些原因,我仍然试图弄清楚。但上述问题的解决方案是创建一个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
        }

    })    
})