twitter-bootstrap - 动态生成的复选框的引导验证不起作用

Question

以下代码动态创建复选框：

<div class="user-all-services-info">
  <div class="row">
    <div class="col-md-6">
      <div class="form-group">
        <label class="control-label">Select Services</label>
        <br>
        <c:if test="${!empty srvcLst}">
          <c:forEach items="${srvcLst}" var="srvc">
            <c:set var="id" scope="page" value="0"></c:set>
            <c:choose>
              <c:when test="${!empty smLst}">
                <c:forEach items="${smLst}" var="smLst">
                  <c:if test="${srvc.ssmsId == smLst[0]}">
                    <c:set var="id" value="1"></c:set>
                  </c:if>
                </c:forEach>
                <c:choose>
                  <c:when test="${id eq 1}">
                    <div class="checkbox">
                      <label><input
                               type="checkbox"
                                 name="srvcId"
                                   value="${srvc.ssmsId}">
                        &nbsp;${srvc.srvcNm}
                      </label>
                    </div>
                  </c:when>
                </c:choose>
              </c:when>
            </c:choose>
          </c:forEach>
        </c:if>
      </div>
    </div>
  </div>
</div>

---

我编写了以下Bootstrap代码来验证是否至少选择了一个动态生成的复选框（请注意，此代码仅适用于第一个复选框；它不适用于其他复选框）。

srvcId: {                                                       
    validators: {                                                       
        notEmpty: {
            message: 'Please select at least 1 service.'
        }
    }                                       
}

Answer 1

您需要进行更改以验证具有相同名称的复选框

<label><input type="checkbox" name="srvcId[]" value="${srvc.ssmsId}">&nbsp;${srvc.srvcNm}</label>

JS

'srvcId[]': {                                                       
    validators: {                                                       
        notEmpty: {
            message: 'Please select at least 1 service.'
        }
    }                                       
}

这是一个验证同名复选框的示例。