title: JQuery Validate - DropDown
body: <p>I'm using the JQuery Validate plugin to validate my form. I'm able to validate text boxes but not DropDown. Can someone let me know how to validate dropdown?</p>
  
  <pre><code>&lt;asp:FormView ID="fv_LeaveRequest" runat="server" DataKeyNames="REQ_ACTION_ID"&gt;
  &lt;InsertItemTemplate&gt;
          &lt;label&gt;Leave Type&lt;/label&gt;
          &lt;asp:DropDownList ID="ddl_LeaveType" runat="server"&gt;
          &lt;/asp:DropDownList&gt;
          &lt;label&gt;Leave Date&lt;/label&gt;
          &lt;asp:TextBox ID="tb_leaveDate" runat="server" CssClass="date"&gt;&lt;/asp:TextBox&gt;
          &lt;asp:Button ID="LeaveReqBtn" runat="server" Text="Submit Leave Request" CommandName="CustomInsert"
          CssClass="button-position" /&gt;
  &lt;/InsertItemTemplate&gt;
  &lt;ItemTemplate&gt;            
          &lt;asp:LinkButton ID="Edit" runat="server" Text="Edit / Change Request" CommandName="Edit" CssClass="button-position btn-padding" /&gt;           
          &lt;label&gt;Leave Type&lt;/label&gt;
          &lt;asp:DropDownList ID="ddl_LeaveType" runat="server"&gt;
          &lt;/asp:DropDownList&gt;
          &lt;label&gt;Leave Date&lt;/label&gt;
          &lt;asp:TextBox ID="tb_leaveDate" runat="server" CssClass="date"&gt;&lt;/asp:TextBox&gt;
  &lt;/ItemTemplate&gt;
  &lt;EditItemTemplate&gt;           
          &lt;asp:LinkButton ID="Cancel" Text="Cancel" CommandName="Cancel" runat="server" CssClass="button-position btn-padding" /&gt;
          &lt;label&gt;Leave Type&lt;/label&gt;
          &lt;asp:DropDownList ID="ddl_LeaveType" runat="server"&gt;
          &lt;/asp:DropDownList&gt;
          &lt;label&gt;Leave Date&lt;/label&gt;
          &lt;asp:TextBox ID="tb_leaveDate" runat="server" CssClass="date"&gt;&lt;/asp:TextBox&gt;
  &lt;/EditItemTemplate&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$("#form1").validate({
  
          rules: {                  
                  LeaveType: "required", 
                  LeaveDate: "required"
              },
              messages: {
                  LeaveType: "Select a value from DropDown", 
                  LeaveDate: "This field is required"
  
              }
          });
  </code></pre>