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

Posted 2023-05-09

【中文标题】使用 jquery.validate.unobtrusive 验证复选框

【英文标题】：Validate checkbox with jquery.validate.unobtrusive

【发布时间】：2017-12-24 15:38:14

【问题描述】：

我需要使用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()

【参考方案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>