[Vuejs]-How can I prevent a Vue 2/Vuetify form submitting if required fields are empty?

1👍

You can make the button disabled if the rules aren’t met so the user cannot even try to submit the form.

To reset the validations you can add a ref attribute to the v-form.

<v-form ref="myForm" v-on:submit="handleSubmit" v-model="valid">

And add this code snippet to your handling method.

this.$refs.myForm.reset()

Leave a comment