title: How do you enable ASP.Net MVC client validation for Kendo UI DropDownList and ComboBox?
body: <p>When I use the Kendo UI ComboBox and DropDownList controls in my MVC Razor views, the client-side validation does not fire. Here is an example:</p>
  
  <pre><code>@using Kendo.Mvc.UI
  @model KendoDropDownTest.Models.TestModel
  
  @{
      ViewBag.Title = "Kendo Drop Down and Combo Box Test";
  }
  
  &lt;h2&gt;Kendo Drop Down and Combo Box Test&lt;/h2&gt;
  
  @using (Html.BeginForm())
  {
      @Html.ValidationSummary()
  
          &lt;div&gt;
              @Html.LabelFor(x =&gt; x.DropDownValue)
              @(Html.DropDownListFor(x =&gt; x.DropDownValue, Model.Options, "-- Select an Option --"))
              @Html.ValidationMessageFor(x =&gt; x.DropDownValue)
          &lt;/div&gt;
  
      &lt;fieldset&gt;
          &lt;legend&gt;Kendo&lt;/legend&gt;
          &lt;div&gt;
              @Html.LabelFor(x =&gt; x.KendoComboValue)
              @(Html.Kendo().ComboBoxFor(x =&gt; x.KendoComboValue)
                    .BindTo(Model.Options.Select(x =&gt; x.Text)))
              @Html.ValidationMessageFor(x =&gt; x.KendoComboValue)
          &lt;/div&gt;
  
          &lt;div&gt;
              @Html.LabelFor(x =&gt; x.KendoDropDownValue)
              @(Html.Kendo().DropDownListFor(x =&gt; x.KendoDropDownValue)
                  .OptionLabel("-- Select an Option --")
                  .BindTo(Model.Options))
              @Html.ValidationMessageFor(x =&gt; x.KendoDropDownValue)
          &lt;/div&gt;
      &lt;/fieldset&gt;
  
      &lt;input type="submit" value="Submit" /&gt;
  }
  </code></pre>
  
  <p>And the corresponding model:</p>
  
  <pre><code>public class TestModel
  {
      [Required]
      public string DropDownValue { get; set; }
      [Required]
      public string KendoComboValue { get; set; }
      [Required]
      public string KendoDropDownValue { get; set; } 
  
      public SelectListItem[] Options = new[]
      {
          new SelectListItem
          {
              Text = "Option 1",
              Value = "1"
          }, 
          new SelectListItem
          {
              Text = "Option 2",
              Value = "2"
          }, 
          new SelectListItem
          {
              Text = "Option 3",
              Value = "3"
          }, 
      };
  }
  </code></pre>
  
  <p>The non-Kendo UI drop down appropriately shows the validation error when the form is submitted, but the Kendo controls do not. Please let me know if there is a way to enable the client-side validation for these controls without having to manually wire it up. </p>
  
  <p>A full example solution is attached to the following Kendo forum post:
  <a href="http://www.kendoui.com/forums/mvc/dropdownlist/mvc-client-validation-not-working.aspx" rel="noreferrer">http://www.kendoui.com/forums/mvc/dropdownlist/mvc-client-validation-not-working.aspx</a></p>