jquery - 无法让 jQuery validate 验证复选框字段

Question

我无法让 jQuery 验证以确保已检查复选框字段。其他字段验证正常。

这是我的 JS：

$(".my-form").validate({
  errorLabelContainer: ".form-errors",
  wrapper: "li",
  rules: {
    cf_enquiry_accept_terms_cond: "required"
  },
  messages: {
    cf_enquiry_accept_terms_cond: "You must accept our terms and conditions"
  },
});

以及复选框字段的 HTML（我无法控制，因为它是使用 CMS 标签自动生成的）：

<div>
  <label for="cf_enquiry_accept_terms_cond">Accept Terms &amp; Conditions</label>
  <input type="hidden" name="cf_enquiry_accept_terms_cond" value="n" />
  <label><input type="checkbox" name="cf_enquiry_accept_terms_cond[]" value="Yes"  />&nbsp;Accept Terms & Conditions</label> <div style="clear:left"></div>
</div>

有什么想法我会出错吗？我从jQuery 验证页面上的演示中复制了规则/消息。

Answer 1

<input type="checkbox" name="cf_enquiry_accept_terms_cond[]" value="Yes"  />

应该包括 id 元素并且应该是

<input type="checkbox" id="cf_enquiry_accept_terms_cond" name="cf_enquiry_accept_terms_cond[]" value="Yes"  />