Validate DropdownList Using JQuery in Asp.Net

By: Suresh Dasari Sep 12, 2012

Introduction:

Here I will explain how to validate dropdownlist using JQuery using asp.net.

Description:

In previous articles I explained validate checkboxlist in JQuery, validate radiobuttonlist using JQuery, validate email address using JQuery and many articles relating to JQuery. Now I will explain how to validate dropdownlist using JQuery in asp.net.

To implement this one we need to write code as shown below in your aspx page

<title>Validate asp.net Dropdownlist in JQuery</title>

</script>

$(document).ready(function() {

$('#btnSubmit').click(function() {

if ($("#ddlCountry").val()>0) {

return true;

}

else {

alert('Please select Country')

return false;

}

})

});

</script>

</head>

<body>

<div>

<table>

<tr>

<td> <b>Select Country:</b></td>

<td>

<asp:DropDownList ID="ddlCountry" runat="server">

<asp:ListItem Text="Select" Value="0" />

<asp:ListItem Text="Australia" Value="1" />

<asp:ListItem Text="India" Value="2" />

<asp:ListItem Text="England" Value="3" />

<asp:ListItem Text="USA" Value="4" />

<asp:ListItem Text="China" Value="5" />

</asp:DropDownList>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnSubmit" Text="Submit" runat="server" />

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

If you observe above code in header section I added script file link by using that file we have a chance to interact with JQuery and in the script we have btnSubmit button click function which is used to validate dropdownlist using JQuery in asp.net.

Demo