使用引導驗證器驗證ASP.NET Dropdownlist控件

Question

我有一個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>頁面加載事件我在索引0處插入了「--Select--」項目。 現在我遇到了問題，我正在使用引導驗證器。它的返回值對「 - 選擇 - 」項有效。像下面的圖片。

如何this.Below我們我當前的腳本

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

Answer 1

bootstrapValidator被驗證<option>標籤的value屬性在你的HTML標記，我可以證實。

您的JavaScript代碼是正確的。你需要做的就是確保什麼，該值屬性爲空：

更改您的標記從：

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