使用jquery驗證下拉列表

Question

我想驗證一個使用jQuery的dropdownlist。我的代碼是：

<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

試試這個。添加一個方法叫做dropdownvalidator這將驗證下拉

$.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

您必須保留默認值「」爲它工作。

<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">