validate dropdown using jquery

Question

I created dropdown and i want to validate this.. I am struggling with doing drop down validation.

<div class="editor-field">
            <% if (ViewData["Country"] != null) { %>
                <%: Html.DropDownList("Country", "Any")%>
            <%} else { %>
                <select id="Country" name="Country"></select>
            <%} %>

            <% if (ViewData["State"] != null) { %>
                <%: Html.DropDownList("State", "Any")%>
            <%} else { %>
                <select id="State" name="State"></select>
            <%} %>

            <% if (ViewData["City"] != null) { %>
                <%: Html.DropDownList("City", "Any")%>
            <%} else { %>
                <select id="City" name="City"></select>
            <% } %>

            <% if (ViewData["Region"] != null) { %>
                <%: Html.DropDownList("Region", "Any")%>
            <% } else { %>
                <select id="Region" name="Region"></select>
            <% } %>
       </div>

This is my drop down box code.. How to validate in jquery?

@Duk, hey, you can refer this stackoverflow.com/questions/12467682/… — RONE
– RONE, Commented Jul 20, 2013 at 4:50
They all look like they can be null, what are you going to check. If you use strongly typed models you can enable client side validation and use data annotations to describe validation checkout this tutorial asp.net/mvc/tutorials/mvc-music-store/mvc-music-store-part-6 — stuisme
– stuisme, Commented Jul 20, 2013 at 4:54
Please do not use the jquery-validate tag unless your question is about this particular plugin. It's consider "tag-spam". Edited. Thanks. Also, please at least show an attempt at solving this, rather than simply asking for code. — Sparky
– Sparky, Commented Jul 20, 2013 at 16:47

Tej · Accepted Answer · 2013-07-20 05:47:04Z

0

Assign common class to all select boxes, and then through that common class get the active ids and validate them. Hope it will help you.

answered Jul 20, 2013 at 5:47

Tej

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Jean-François Fabre · Accepted Answer · 2021-05-31 20:40:23Z

0

Using Jquery is probably the best way to validate HTML Controls.

JS:

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

            if ($("#ddlView :selected").val() == 0) {
                alert("Please select a Course");
            }
            else {
                alert("Success !! You have selected Course : " + $("#ddlView :selected").text()); ;
            }
        });

HTML:

<select id="ddlView">
        <option value="0">Select</option>
        <option value="1">Java Script</option>
        <option value="2">CSS</option>
        <option value="3">JQuery</option>
        <option value="3">HTML</option>
        <option value="3">C#</option>
    </select>

<input type="button" class="btn" value="Submit" id="btnSubmit" />

edited May 31, 2021 at 20:40

Jean-François Fabre♦

141k24 gold badges179 silver badges246 bronze badges

answered Apr 23, 2015 at 14:11

Barath Kumar

4393 silver badges7 bronze badges

Collectives™ on Stack Overflow

validate dropdown using jquery

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related