jqueryを使用したドロップダウンリストの検証

Question

dropdownlistをjQueryで検証したいと考えています。私のコードは次のとおりです。

<asp:DropDownList ID="ddlstate" runat="server" CssClass="dropdown"> 
    <asp:ListItem Value="0" Selected="True"> - Select State - </asp:ListItem> 
    <asp:ListItem Value="AL">AL</asp:ListItem> 
    <asp:ListItem Value="AK">AK</asp:ListItem> 
    <asp:ListItem Value="AZ">AZ</asp:ListItem> 
    <asp:ListItem Value="AR">AR</asp:ListItem> 
    <asp:ListItem Value="CA">CA</asp:ListItem> 
    <asp:ListItem Value="CO">CO</asp:ListItem> 
    <asp:ListItem Value="CT">CT</asp:ListItem> 
</asp:DropDownList> 

私のjQueryの検証は、次のとおりです。

$(document).ready(function() { 
    $("#aspnetForm").validate({ 
     rules: <%=ddlstate.UniqueID %>: { 
      required: "*" 
     } 
    }, 
    messages: <%=ddlstate.UniqueID %>: { 
     required: "*" 
     }, 
    }); 

Answer 1

はこれを試してみてください。ドロップダウン

$.validator.addMethod("dropDownValidator", function (value, element, parameters) { 
     return (value != '0'); 
}); 

を検証する方法と呼ばれるdropdownvalidatorを追加して、あなたはそれのために「」として、デフォルト値のままにする必要が

rules: { 
    myDropdown: { 
     dropDownValidator: true 
} 

Answer 2

If($("#ddlstate").Val() =="0") 
{ 
    alert("Please select state"); 
} 

Answer 3

次のようにルールでdropdownvalidator方法を指定します作業。

<asp:DropDownList ID="ddlstate" runat="server" CssClass="dropdown"> 
    <asp:ListItem Value="" Selected="True"> - Select State - </asp:ListItem> 
    <asp:ListItem Value="AL">AL</asp:ListItem> 
    ... 

Answer 4

これは動作するはずです：

jQuery.validator.addMethod("state", function(value, element) { 
    return /A-ZA-Z/.test(value); 
}, "Please select a state"); 

$("#aspnetForm").validate(); 

<asp:DropDownList ID="ddlstate" runat="server" CssClass="dropdown state">