Wednesday, September 25, 2013

Validate DropDownlist using Jquery in

Introduction: In this article I have explain how we can validate the DropDownlist using Jquery in
Validate DropDownlist

Add a new webform to project. Drag and drop the DropDownlist and button controls from Toolbox. Desgin the .aspx page as shown below:
<table align="center">
    <tr><td>Known Language:</td><td><asp:DropDownList ID="ddllanguage" runat="server">
    <asp:ListItem Text="Select" Value="0" />
<asp:ListItem Text="English" Value="1" />
<asp:ListItem Text="Hindi" Value="2" />
<asp:ListItem Text="Punjabi" Value="3" />
<asp:ListItem Text="German" Value="4" />
                        <asp:Button ID="btnsubmit" runat="server" Text="Submit"/></td></tr>

After that put the given Jquery in .aspx page between Head Tag:
   <script type="text/javascript" src="">
<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#btnsubmit').click(function () {
            if ($("#ddllanguage").val() > 0) {
                return true;
            else {
                alert('Please select Known Language')
                return false;

Run the project and check out the result.

Is it helpful?

If yes post your comment to admire my work. You can like me on Facebook, Google+, Linkedin and Twitter via hit on Follow us Button and also can get update follow by Email.

No comments:

Post a Comment