проверка выпадающего списка с использованием 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

Если вы используете привязку данных для заполнения формы, вы можете вручную добавить ListItem с пустой строкой в ​​качестве значения и добавить атрибут required в выпадающий список.Тогда валидатор jquery не пройдет валидацию, если они не выберут другой элемент из списка.

//aspx.cs code if using databinding
myList.Items.Insert(0, new ListItem("", ""));

// aspx code
<asp:DropDownList ID="myList" runat="server" required="true">/asp:DropDownList> 

// js code
var validator = $("#Form1").validate();

Answer 2

Это должно работать:

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

Answer 3

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

Answer 4

Вы должны оставить значение по умолчанию как "", чтобы оно работало.

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

Попробуй это.Добавьте метод dropdownvalidator, который будет проверять выпадающий список

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

и укажите метод dropdownvalidator в правиле, как показано ниже