Question

我正在使用jQuery验证下拉列表，它正常工作正常：

<asp:DropDownList ID="ddlAreaTypeName" runat="server" Width="163px">
    <asp:ListItem>--SelectOne--</asp:ListItem>
    <asp:ListItem>Yes</asp:ListItem>
    <asp:ListItem>No</asp:ListItem>
</asp:DropDownList>

我的jQuery验证是：

$(document).ready(function() {
    $('#myForm').submit(function(e) { // <<< This selector needs to point to your form.
        if ($('#ddlAreaTypeName').val() == "") {
            alert("Please select anyone");
            e.preventDefault();
            return false;
        }
    });
});

问题是我从数据库绑定下拉列表

<asp:DropDownList ID="ddlAreaTypeName" runat="server" Width="163px">
</asp:DropDownList>

ddlAreaTypeName.DataSource = ddlValues;
ddlAreaTypeName.DataValueField = "theName";
ddlAreaTypeName.DataTextField = "theName";
ddlAreaTypeName.DataBind();

但是jQuery验证没有使用我从数据库绑定的这种类型的下拉列表。

Answer 1

像这样更改你的代码：

$(document).ready(function() {

    $('#myForm').submit(function(e){ // <<< This selector needs to point to your form.

        if ($('#<%= ddlAreaTypeName.ClientID %>').val() == "") {

            alert("Please select anyone");

            e.preventDefault();

            return false;

        }
    });
});

如果此代码不起作用，请评论我编辑

数据库绑定下拉列表中的jQuery验证

1 个答案: