Пользовательская проверка JQuery не применяется, если выбран конкретный вариант

Question

Вот мойFiddle.

В скрипке он будет иметь ружье - необходимое для первого и второго элементов.

(Он хорошо работает в локальном хосте, но не отвечает на jsfiddle).

Что мне нужно, если вначале выбрано «не спрашивать», тогда второе поле не требуется (правило не должно применяться ко второму).

Как я могу это сделать?

Вот скрипт для проверки:

<script> 
    $(document).ready(function() { 
    $("#data").validate({ 
     rules: { 
      first:{ 
       required: true, 
      }, 
      second:{ 
       required: true, 
       number: true 
      }, 
     }, 
     messages: { 
      first: "Please choose any Company",    
      second: "Please enter valid number for the Total Number of Seats" 
     } 
    }) 

    $('#driver').click(function() { 
     $("#data").valid(); 
    }); 
}); 
</script> 

Answer 1

Вы можете использовать функцию для правила требуют, в вашем случае:

$("#data").validate({ 
    rules: { 
     first:{ 
      required: true, 
     }, 
     second:{ 
      required: function() { 
       // current value of the select field no: 
       // this field is not required 
       if ($("#first").val() == 'no') { 
        return false; 
       } else { 
        return true; 
       } 
      }, 
      number: true 
     }, 
    }, 
    messages: { 
     first: "Please choose any Company",    
     second: "Please enter valid number for the Total Number of Seats" 
    } 
}) 

Fiddle здесь.