jQueryvalidation插件条件必需字段

我遇到了jQuery validate插件的问题 。 我有一组3个单选按钮，如果选择前两个中的任何一个，则在表单上向用户显示额外的选择输入，如果选择了第三个，则没有任何反应。

如果他们从单选按钮组中选择选项1或2，我希望用户需要从附加选择输入中选择一些内容。

我已经为第一个选项编写了代码，但它无法正常工作。 如果我没有选择任何单选按钮选项，我会得到两个必填字段错误（一个用于单选按钮设置，另一个用于隐藏的选择输入，不应该validation）。

select是自定义代码，它有一些jQuery来控制它。 jQuery将所选值放入隐藏的输入salaryband

我的代码是：

HTML

  Earnings 
 
  Salary 
 
  Hourly 
 
  Unspecified 
  
  Salary Band 
 Select Salary Band 
  false, 'orderby' => 'ID', ); $salaries = get_terms('salaries', $args); foreach( $salaries as $salary ) : echo 'term_id.'">'.$salary->name.''; endforeach; ?> 
   

validationjQuery：

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

尽管有条件要求的规则，为什么它始终validation选择输入的任何想法？

Answer 1

$("#job-earnings-salary:checked")返回一个jQuery对象，它始终是真实的

 $("#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