1000hz bootstrap-validator 自定义验证

Posted 2023-05-08

【中文标题】1000hz bootstrap-validator 自定义验证

【英文标题】：1000hz bootstrap-validator custom validation

【发布时间】：2015-12-04 20:37:18

【问题描述】：

我正在尝试使用引导验证器并根据 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/>

【问题讨论】：

你的最后一行不应该以分号结尾吗？右键单击表单并检查元素，然后单击提交按钮并检查是否有错误。

【参考方案1】：

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

请看这里： 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>