jQuery.validate require_from_group - 错误样式问题

Question

如果是CSS问题或javascript问题，我真的不知道如何对此进行分类。

当我在validate init中有多个组，然后这些组在每个组中需要多个组时，我首先得到正确的显示 - 组中的所有字段都设置为ERROR。

但是当我开始将数据输入其中一个字段时，其中两个字段仍然是错误（它们应该满足所有要求），但其余字段会删除错误状态。

示例： JFIDDLE

在这个例子中，我有两组四个字段。第一组需要填写3个字段，第二组要求填写2个字段。

我是否错误地宣布验证？

JS：

$(document).ready(function(){
    $("#contact-form").validate({
    groups: {
      links: "link_fb link_tw link_yt link_db",
      links2: "link_fb2 link_tw2 link_yt2 link_db2"
    },
    rules: {
      'link_fb': {
        require_from_group: [3, ".link_group"]
      },
      'link_tw': {
        require_from_group: [3, ".link_group"]
      },
      'link_yt': {
        require_from_group: [3, ".link_group"]
      },
      'link_db': {
        require_from_group: [3, ".link_group"]
      },
      'link_fb2': {
        require_from_group: [2, ".link_group2"]
      },
      'link_tw2': {
        require_from_group: [2, ".link_group2"]
      },
      'link_yt2': {
        require_from_group: [2, ".link_group2"]
      },
      'link_db2': {
        require_from_group: [2, ".link_group2"]
      }
    }
  });
});