Validate ASP.NET Dropdownlist Control with bootstrap Validator

Question

I have a asp dropdownlist <asp:DropDownList ID="ddIndProvince" data-style="btn-default" CssClass="form-control input" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddIndProvince_SelectedIndexChanged" TabIndex="8"></asp:DropDownList> On Page load event I inserted "--Select--" item at index 0. Now I am facing problem while I am validating it with bootstrap validator. Its returning valid for "--Select--" item. like below image.

How I can validate this.Below us my current script

<script type="text/javascript">
    $(document).ready(function () {          
             $('#form1').bootstrapValidator({
                container: '#messages',
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {                   
                    <%=ddIndProvince.UniqueID%>:{
                        validators:{
                            notEmpty:{
                                messages:'please select province'
                            }
                        }
                    }                              
                }   
            });
        });         
    </script>

Marco · Accepted Answer · 2016-03-08 08:30:30Z

1

bootstrapValidator is validating the value attribute of the <option> tag in your html markup.

Your javascript code is correct. What you need to do is make sure, the value attribute is empty:

Change your markup from:

<option value="Something is in here">--Select--</option>

To:

<option value="">--Select--</option>

Do this in your Page_Load method:

protected void Page_Load(object sender, EventArgs e)
{
    /*...*/

    //Insert new Item at Index 0 with text "--Select--" and no value
    ddIndProvince.Items.Insert(0, new ListItem("--Select--", String.Empty));
    ddIndProvince.SelectedIndex = 0;
}

edited Mar 8, 2016 at 8:30

answered Mar 8, 2016 at 7:36

Marco

24.1k13 gold badges81 silver badges132 bronze badges

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

Collectives™ on Stack Overflow

Validate ASP.NET Dropdownlist Control with bootstrap Validator

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related