javascript - jquery 验证消息未显示

Question

这是我的 html

<input class="required" id="AcceptTerms" name="AcceptTerms" type="checkbox" value="true" aria-required="true">

这是我的 JavaScript

//make sure user accepts terms 
$('form').validate({
    rules: {
        AcceptTerms: 'required'
    },
    messages: {
        AcceptTerms: 'You should accept terms in order to proceed'
    }
});

错误消息是“此字段为必填项。”

为什么它不显示我的自定义消息？

Answer 1

表单验证在提交表单时运行:

您可以在 jsfiddle 上查看完整的代码示例

<form>
<input class="required" id="AcceptTerms" name="AcceptTerms" type="checkbox" value="true" aria-required="true">
<br/>
<input type="submit" value="Validate!">
</form>

JS代码如下:

$( 'form' ).validate({
  rules: {
    AcceptTerms : 'required'

  },
  messages: {
      AcceptTerms : 'You should accept terms in order to proceed'
  }
});

两个示例都有效，请参阅 fiddle .