1000hz bootstrap-validator 自定义验证

Question

我正在尝试使用 bootstrap 验证器并添加一个基于 if else 语句的自定义验证器，但它似乎不起作用。也许我对自定义验证的工作方式感到困惑，但我的日志甚至没有出现在控制台中...

JS:

    $('#estimate').validator({

        custom: {
            'distance': function() { 
                if( $("#distance-group").hasClass("invalid")){
                    return false;
                    console.log("ERROR")
                }else{
                    return true;
                    console.log("NO ERROR")
                }
            }
        },
        errors: {
            'distance': "Nope"
        }
    })

HTML:

<input class="form-control" type="text" name="address2" id="address2" size="30" placeholder="Your Address" data-distance/>

Answer 1

我需要将 data-distance="true" 放在我想要验证的输入上。 console.logs 没有出现，因为我把它们放在 returns 之后。

看这里： http://jsbin.com/nuwajejinu/edit?html,js,console,output

$('#estimate').validator({
  custom: {
    'distance': function() { 
      if( $("#distance-group").hasClass("invalid")){
        console.log("ERROR")
        return false;
      }else{
        console.log("NO ERROR")
        return true;
      }
    }
  },
  errors: {
    'distance': "Nope"
  }
})

HTML:

<input type="text" data-distance="true" id="distance-group" class="form-control" required>

1000hz bootstrap-validator 自定义验证

1000hz bootstrap-validator custom validation

jquery

forms

twitter-bootstrap

validation

bootstrapvalidator