使用jquery.validate.unobtrusive验证复选框

Question

我需要用jquery.validate.unobtrusive验证低复选框，我使用此代码，但复选框总是有效的。如何解决这个问题？

<input id="AcceptLaws" type="checkbox" name="AcceptLaws" data-val="true" data-val-required="Please accept with laws">
<span class="field-validation-valid" data-valmsg-for="AcceptLaws" data-valmsg-replace="true"></span>

$('#AcceptLaws').valid()

Answer 1

问题是因为所需规则的data属性不正确。您需要设置data-rule-required="true"，然后将错误消息放入data-msg-required。试试这个：

​

$('#AcceptLaws').valid()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>

<form>
  <input id="AcceptLaws" type="checkbox" name="AcceptLaws" data-val="true" data-rule-required="true" data-msg-required="Please accept with laws" />
  <span class="field-validation-valid" data-valmsg-for="AcceptLaws" data-valmsg-replace="true"></span>
</form>

​