2

Я пытаюсь использовать бутстрап-валидатор и добавлять пользовательский валидатор на основе инструкции if else, но он, похоже, не работает. Может быть, я запутался, как работает проверка на заказ, но мои журналы даже не появляется в консоли ...1000hz bootstrap-validator custom validation

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

не должна заканчиваться ваша последняя строка в точку с запятой? Щелкните правой кнопкой мыши форму и проверьте элемент, затем нажмите кнопку отправки и проверьте наличие ошибок. –

ответ

3

Я нужен поставить data-distance = "true" на вход, который я хотел проверить. Консоль.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>