如何在 Bootstrap 的验证中使用自定义验证功能？答案

【问题标题】：How to use custom validation function with Bootstrap's Validation?如何在 Bootstrap 的验证中使用自定义验证功能？
【发布时间】：2016-05-27 15:23:26
【问题描述】：

关于this answer，我的以下代码应该可以工作：

<form data-toggle="validator">
  <div class="form-group has-feedback">
    <label for="exampleInputText">Name</label>
    <input type="text" class="form-control" id="exampleInputText" placeholder="text" data-odd>
    <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
    <div class="help-block with-errors"></div>
</form>

<script type="text/javascript">
  $('form').validator({
    custom: {
      'odd': function($el) { return false }
    },
    errors: {
      'odd': 'error message'
    }
  })
</script>

但它不起作用 - 为什么？

【问题讨论】：

至少绑定了，因为当我不设置错误信息时，我会得到一个js错误。

标签： javascript twitter-bootstrap bootstrapvalidator

【解决方案1】：

你应该删除

data-toggle="validator"

从form标签，更新id为exampleInputText的输入如下（即添加="odd"到data-odd）：

data-odd="odd"

此处示例：https://jsfiddle.net/mdt86/9r06waph/10/

【讨论】：