Validate DropDownlist using Jquery in asp.net - Free Asp.Net,MVC,AngularJs,Jquery,Javascript,Sql Server,WCF,Entity framework 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.

What do you think about this article?

If you found this article useful, please share and follow on Facebook, Twitter, Google Plus and other social media websites. To get free updates subscribe to newsletter. Please put your thoughts and feedback in comments section.

Share this

Share on FacebookTweet on TwitterPlus on Google+


EmoticonEmoticon