2016-08-02 79 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下拉菜單嗎,因爲我在上面的問題中已經明確提出了建議 –

回答