title: How to validate checkbox using vuelidate?
body: <p>I created a registration form using nuxt and I have a checkbox in the form.</p>
  <p>How should I add validation for the checkbox?</p>
  <p>I am using the <a href="https://github.com/vuelidate/vuelidate" rel="nofollow noreferrer">vuelidate plugin</a>.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
      &lt;input
        v-model=&quot;$v.form.contact.$model&quot;
        :class=&quot;status($v.form.contact)&quot;
        name=&quot;contact&quot;
        type=&quot;contact&quot;
        class=&quot;form-control&quot;
        placeholder=&quot;Contact&quot;
        @keyup.enter=&quot;register&quot;
      /&gt;
      &lt;p class=&quot;errors&quot;&gt;
        &lt;span
          v-if=&quot;$v.form.contact.$error&quot;
          class=&quot;text-danger&quot;
        &gt;
          &lt;span
            v-if=&quot;
              !$v.form.contact.minLength ||
              !$v.form.contact.numeric
            &quot;
            class=&quot;text-danger&quot;
          &gt;
            Not a valid contact
          &lt;/span&gt;
        &lt;/span&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
    &lt;input
      name=&quot;acceptTerms&quot;
      type=&quot;checkbox&quot;
      value=&quot;&quot;
    /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;I agree to the
    &lt;a href=&quot;/terms-of-use&quot;&gt; Terms &amp;amp; Conditions &lt;/a&gt;
    &lt;p class=&quot;errors&quot;&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/4VYi8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4VYi8.png" alt="enter image description here" /></a></p>
  <p>Below is the code for validation</p>
  <pre class="lang-js prettyprint-override"><code>validations: {
    form: {
      firstName: {
        required,
        minLength: minLength(2),
        maxLength: maxLength(15),
      },
      acceptTerms: {
        required,
      },
    },
  },
  </code></pre>