Question

我正在使用这个jQuery表单验证插件：http://docs.jquery.com/Plugins/Validation/Methods

我正在尝试使用依赖性回调：http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-callback

当“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           
     }
   }     
});

但这不起作用。我也试过使用：像这样选择：

return $("#FOO :selected").val() == 'someValue';

有人能发现问题所在吗？

EDIT =在选择

中添加了FOO的ID

Answer 1

select元素没有id FOO。

您应该添加它：

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

或做出正确的选择：

$('select[name=FOO]')

Answer 2

<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>

这一定对你有用。

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

2 个答案: