Form Validation

Recommended package for Form Validations is Vuelidate.
Get started with the documentation.

Example

<input
  type="text"
  v-model="form.email"
  @input="$v.form.email.$touch()"
  class="full-width"
  :class="{'has-error': $v.form.email.$error}"
>
<button class="primary" @click="submit">Submit</button>

import { required, email } from 'vuelidate/lib/validators'
import { Toast } from 'quasar'
export default {
  data () {
    return {
      form: {
        email: ''
      }
    }
  },
  validations: {
    form: {
      email: { required, email  }
    }
  },
  methods: {
    submit () {
      this.$v.form.$touch()
      if (this.$v.form.$error) {
        Toast.create('Please review fields again.')
        return
      }
      // ...
    }
  }
}

Components Sharing State Handling Back Button

Guide

Boilerplate

Wrappers

Development

Form Validation

Example