javascript - 使用 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
}