BootstrapValidation을 사용한 조건부 유효화

Question

양식에 BootstrapValidation을 사용하고 있으며 다른 필드가 채워져있는 경우에만 유효성을 검사하고 싶습니다.

<form> 
    <input type="text" name="name"/> 
    <input type="text" name="age"/> 
</form> 

내가 나이가 이름이있는 경우에만 작성되어 있는지 확인하려면 :

예를 들어,이 양식을 가지고있다.

해결책이 있습니까? 아마도 이런

은

Answer 1

뭔가 :

$(document).ready(function() { 
    $('form') 
     .bootstrapValidator({ 
      fields: { 
       name: { 
        enabled: false, 
        validators: { 
         notEmpty: { 
          message: 'The name is required and cannot be empty' 
         } 
        } 
       }, 
       age: { 
        enabled: false, 
        validators: { 
         notEmpty: { 
          message: 'Age is required if name is set' 
         } 
        } 
       } 
      } 
     }) 

     .on('keyup', '[name="name"]', function() { 
      var isEmpty = $(this).val() == ''; 
      $('form') 
        .bootstrapValidator('enableFieldValidators', 'name', !isEmpty) 
        .bootstrapValidator('enableFieldValidators', 'age', !isEmpty); 

      // Revalidate the field when user start typing in the name field 
      if ($(this).val().length == 1) { 
       $('form').bootstrapValidator('validateField', 'name') 
           .bootstrapValidator('validateField', 'age'); 
      } 
     }); 

});