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

Question

关于这个答案，我的以下代码应该可以工作：

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