2016-08-02 73 views
1

我在我的表单中有正常的剃刀以及kendo控件,我在尝试使用jquery validate插件验证kendo dropdownlist时遇到了一些问题。 以下是我的代码。如何使用jQuery验证Kendo Dropdownlist验证

@(Html.Kendo().DropDownList() 
      .Name("color") 
      .DataTextField("Text") 
      .DataValueField("Value") 
      .BindTo(new List<SelectListItem>() { 
      new SelectListItem() { 
        Text = "Select Value", 
        Value = "" 
       }, new SelectListItem() { 
        Text = "Black", 
        Value = "2" 
       }, 
       new SelectListItem() { 
        Text = "Orange", 
        Value = "3" 
       }, 
       new SelectListItem() { 
        Text = "Grey", 
        Value = "4" 
       } 
      }).Value("") 
      .HtmlAttributes(new { style = "width: 100%" }) 
    ) 
    <input type="submit" value="Submit" /> 

现在我已经用我的JQuery验证这样

$(document).ready(function() { 
     $("#dropDownForm").validate({ 
      rules: { 
       color: "required" 
      }, 
      highlight: function (element) { 
       alert('highlight'); 
      }, 
      unhighlight: function (element) { 
       alert('unhighlight'); 
      }, 
      errorPlacement: function (error, element) { 
       return false; 
      }, 
      debug: true 
     }); 
    }); 

,但我无法验证下拉列表和两个亮点,JQuery验证插件unhighlight事件不获取调用。 任何帮助表示赞赏。 谢谢

+0

既然你已经使用了剑道UI为什么不能使用剑道验证:http://demos.telerik.com/kendo-ui /验证器/索引 – Vijai

+0

@Vijai我不想使用kendo验证器的原因是因为我有许多控件是剃须刀控件,我在我的项目中只有一个要求,只使用kendo控件对于下拉和剑道可拖动... 你能帮助我如何使用jQuery验证器验证kendo下拉菜单吗,因为我在上面的问题中已经明确提出了建议 –

回答