jQuery 验证 : If one input is entered, 其他应该成为强制性的

Question

我有一个包含多行 4 个输入字段的表单，如下所示:

<tr>
    <td><input name="company01" id="company01" /></td>
    <td><input name="description01" id="description01" /></td>
    <td><input name="costs01" id="costs01" class="sum" /></td>
    <td><input name="file01" id="file01" /></td>
</tr>

<tr>
    <td><input name="company02" id="company02" /></td>
    <td><input name="description02" id="description02" /></td>
    <td><input name="costs02" class="sum" id="costs02" /></td>
    <td><input name="file02" id="file02" /></td>
</tr>

现在，当用户输入行的输入之一(例如成本字段)时，应该强制输入公司和说明(但不是附件)。

文件上传从来都不是强制性的。但是，用户必须至少填写公司、描述和费用的行。

有人可以告诉我如何检查至少一行是否已完成？我该如何使用 jQUery 验证插件检查其他 2 个是否已完成？

Answer 1

可以使用必需的方法和dependency expressions来完成

....
rules : {
  company01 : { required : "#company02:blank" },
  description01 : { required : "#company01:filled" },
  costs01: { required : "#company01:filled" },
  // now company 2 
  company02 : { required : "#company01:blank" },
  description02 : { required : "#company02:filled" },
  costs02: { required : "#company02:filled" }
}
....