jQuery表单验证插件依赖项回调

我正在使用这个jQuery表单验证插件：

我正在尝试使用依赖性回调：

我想做的是，当“FOO”有一定的值时，只需要“BAR”

以下是一个基本示例：

<select name="FOO" id="FOO">
  <option></option>
  <option value="someValue">some Value</option>
</select>

$("form[name=myForm]").validate({
   rules: {
     FOO: {required: true},
     BAR: {
             required: function(element) {
             return $("#FOO").val() == 'someValue';
        },
    maxlength: 10           
     }
   }     
});

有人能发现问题所在吗

---

编辑=将FOO的ID添加到select元素中，select元素没有ID FOO

您应该添加：

<select id="FOO" name="FOO">

jQuery.validator.setDefaults({
是的，
成功：“有效”
});;
$（文档）.ready（函数（）{
$（“#myform”）。验证({
规则：{
年龄：{
要求：正确，
min:3
},
家长：{
必需：功能（元素）{
返回$（“#age”）.val（）<13；
}
}
}
});
$（“#年龄”）.blur（函数（）{
$（“#父项”）.valid（）；
});
});

---

这一定是你的作品。

非常感谢，我刚刚看到并更新了。。。我更新了代码。啊！事实上，现在我看了我的代码（上面只是一个例子），我看到选择菜单没有ID。谢谢你指出，大脑放屁时刻。

<select id="FOO" name="FOO">

$('select[name=FOO]')

<script type="text/javascript">
jQuery.validator.setDefaults({
    debug: true,
    success: "valid"
});;
</script>

<script>
  $(document).ready(function(){
    $("#myform").validate({
  rules: {
    age: {
      required: true,
      min: 3
    },
    parent: {
      required: function(element) {
        return $("#age").val() < 13;
      }
    }
  }
});
$("#age").blur(function() {
  $("#parent").valid();
});


  });
  </script>