如何在 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="odd"

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

如何在 Bootstrap 的验证中使用自定义验证函数？

How to use custom validation function with Bootstrap's Validation?

javascript

twitter-bootstrap

bootstrapvalidator