Question

使用asp.net中的Bootstrap下拉列表

文件包括：

bootstrap.select.css
bootsrap.select.js
bootstrapValidator.css

HTML：

<div class="col-md-6 form-horizontal" id="SelectForm">
  <div class="form-group">
    <div class="input-group">
      <asp:DropDownList ID="ddlBrand"  runat="server" CssClass="selectpicker" ValidationGroup="quote">
        <asp:ListItem>Select</asp:ListItem>
        <asp:ListItem>Kanpur</asp:ListItem>
        <asp:ListItem>Kanpur</asp:ListItem>
        <asp:ListItem>Rewa</asp:ListItem>
        <asp:ListItem>Bhopal</asp:ListItem>
        <asp:ListItem>Indore</asp:ListItem>
        <asp:ListItem>Jabalpur</asp:ListItem>
      </asp:DropDownList>
    </div>
  </div>
<asp:Button ID="btnQuote" runat="server" Text="Calculate Premium" CssClass="btn btn-block org3"/>
</div>

使用validate.js进行jQuery验证

这是用于验证下拉列表的JavaScript。

$(document).ready(function () {
  $('#SelectForm').find('[name="ddlBrand"]').selectpicker()
    .change(function (e) {
      $('#SelectForm').bootstrapValidator('revalidateField', 'ddlBrand');
    }).end()
      .bootstrapValidator({
        framework: 'bootstrap',
        excluded: ':disabled',
        icon: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
          ddlBrand: {
            validators: {
              notEmpty: {
                message: 'Please choose '
              }
            }
          }
        }
     });
});

Bootstrap验证程序无法正常运行。

Answer 1

好的，试试这个。我有一个同样的问题。打开页面并右键单击下拉列表，右键点击后去检查元素，在inspect元素中，您会看到您的名字会被扭曲成臭名昭着的随机文本，并在末尾附加实际名称，复制该名称并将其替换为您现有的验证名称。我希望这有帮助。对表单中的ID也一样。

使用bootstrap验证器验证Asp.net Dropdownlist，验证器未触发

1 个答案: