jQuery Validate plugin conditional required field

Question

I\'m having an issue with the jQuery validate plugin. I have a set of 3 radio buttons, if either of the first two are selected, the user is shown an extra s

Answer 1

$("#job-earnings-salary:checked") returns a jQuery object which will always be truthy

$("#client-form").validate({
  focusInvalid: false,
  ignore: [],
  rules: {
    salaryband: {
      required: function(element) {
        return $('#job-earnings-salary').is(':checked')
      }
    }
  }
});

  
  Earnings
  

    

      
      Salary
    
    

      
      Hourly
    
    

      
      Unspecified
    
    
  


  
  Salary Band
  

    Select Salary Band