Validate DropDownlist using Jquery in asp.net | ASPMANTRA | Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server AND WCF snippets and tutorial

Validate DropDownlist using Jquery in asp.net

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

Description:
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:DropDownList></td></tr>
                        <tr>&nbsp;</tr>
                    <tr><td>&nbsp;</td><td>
                        <asp:Button ID="btnsubmit" runat="server" Text="Submit"/></td></tr>
    </table>

After that put the given Jquery in .aspx page between Head Tag:
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<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;
            }
        })
    });
</script>

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.

Post a Comment

[blogger]

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget