title: Use Vuelidate for post, data sends to server without validate
body: <p>I want to send the data from the validation check. validity includes only checking the field, that is, checking 4 fields for the presence of data and after that the data should be sent to the server. but by connecting vuelidate, the data is transferred to the server without checking for validity.</p>
  <pre><code>&lt;form @submit.prevent=&quot;submitHandler&quot; action=&quot;contacts&quot;  method=&quot;post&quot;&gt;
                  &lt;div class=&quot;form-group&quot;&gt;
                      &lt;input type=&quot;text&quot; id=&quot;name&quot; v-model=&quot;$v.name.$model&quot; :class=&quot;{invalid: ($v.name.$dirty &amp;&amp; !$v.name.required)}&quot; /&gt;
                      &lt;label class=&quot;name&quot;&gt;Fullname&lt;/label&gt;
                      &lt;div class=&quot;error&quot; v-if=&quot;$v.name.$dirty &amp;&amp; !$v.name.required&quot;&gt;Name is required&lt;/div&gt;
                  &lt;/div&gt;
               
              &lt;/form&gt;
  
  
  methods: {
      submitHandler() {
          console.log(this.$v.name);
          if (this.$v.$invalid) {
              this.$v.$touch()
              return
          }
      },
  </code></pre>