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

Question

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

但它不起作用 - 为什么？

Answer 1

你应该删除

data-toggle="validator"

从表单标记

，并使用id exampleInputText 更新输入，如下所示（即将 =“odd”添加到 data-odd ） ：

data-odd="odd"

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