Jquery 1000hz引导验证程序自定义验证

Jquery 1000hz引导验证程序自定义验证,jquery,forms,twitter-bootstrap,validation,bootstrapvalidator,Jquery,Forms,Twitter Bootstrap,Validation,Bootstrapvalidator,我试图使用引导验证程序,并根据if-else语句添加一个自定义验证程序,但它似乎不起作用。也许我对自定义验证的工作原理感到困惑,但我的日志甚至没有出现在控制台中 JS: HTML: 我需要在我想要验证的输入上输入data distance=“true”。console.logs没有显示,因为我将它们放在了返回之后 请看这里: HTML: 您的最后一行不应该以分号结尾吗?右键单击表单并检查元素,然后单击submit按钮并检查是否有错误。 $('#estimate').validator(

我试图使用引导验证程序,并根据if-else语句添加一个自定义验证程序,但它似乎不起作用。也许我对自定义验证的工作原理感到困惑,但我的日志甚至没有出现在控制台中

JS:

HTML:


我需要在我想要验证的输入上输入data distance=“true”。console.logs没有显示,因为我将它们放在了返回之后

请看这里:

HTML:


您的最后一行不应该以分号结尾吗?右键单击表单并检查元素,然后单击submit按钮并检查是否有错误。
    $('#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"
        }
    })
<input class="form-control" type="text" name="address2" id="address2" size="30" placeholder="Your Address" data-distance/>
$('#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"
  }
})
<input type="text" data-distance="true" id="distance-group" class="form-control" required>