使用引导验证器验证 ASP.NET 下拉列表控件答案

【问题标题】：Validate ASP.NET Dropdownlist Control with bootstrap Validator使用引导验证器验证 ASP.NET 下拉列表控件
【发布时间】：2016-03-08 07:11:20
【问题描述】：

我有一个 asp 下拉列表 <asp:DropDownList ID="ddIndProvince" data-style="btn-default" CssClass="form-control input" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddIndProvince_SelectedIndexChanged" TabIndex="8"></asp:DropDownList> 在页面加载事件中，我在索引 0 处插入了“--Select--”项。现在我在使用引导验证器验证它时遇到问题。它的返回对“--Select--”项有效。如下图。

我如何验证这一点。下面是我当前的脚本

<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>

【问题讨论】：

标签： javascript asp.net twitter-bootstrap validation

【解决方案1】：

bootstrapValidator 正在验证 html 标记中 <option> 标记的 value 属性。

您的 javascript 代码是正确的。您需要做的是确保 value 属性为空：

从以下位置更改您的标记：

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

收件人：

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

在您的 Page_Load 方法中执行此操作：

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;
}

【讨论】：

效果很好！谢谢老哥！