验证复选框与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>