title: Validate vuetify textfield only on submit
body: <blockquote>
    <p>temp.vue</p>
  </blockquote>
  
  <pre><code>&lt;v-form ref="entryForm" @submit.prevent="save"&gt;
    &lt;v-text-field label="Amount" :rules="numberRule"r&gt;&lt;/v-text-field&gt;
    &lt;v-btn type="submit"&gt;Save&lt;/v-btn&gt;
  &lt;/v-form&gt;
  
  &lt;script&gt;
  export default {
  
     data: () =&gt; ({
       numberRule: [
         v =&gt; !!v || 'Field is required',
         v =&gt; /^\d+$/.test(v) || 'Must be a number',
       ],
     }),
  
     methods: save () {
       if (this.$refs.entryForm.validate()){
         //other codes
       }
     }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/su9cN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/su9cN.png" alt="enter image description here"></a></p>
  
  <p>What happens here is while typing in the text field itself the rule gets executed. I want to execute the rule only on submit. How to do that in vuetify text field? </p>