⚪
Vuetify-Form-Base
  • Introduction
  • News & Changes
  • Quickstart
    • Start with
    • Installation
    • Intro
    • Features
    • License
  • Form
    • Validation
  • Component
    • Async Loading
    • Attributes
    • From Schema to Component
    • Events
    • Grid
    • Slots
    • CSS
    • Custom Components
    • Tooltips
  • Schema
    • General
    • Autogeneration
    • Computed Schema
    • Display & Typography
    • Grouping Controls
    • Arrays
  • Input & Controls
    • Text-Field & Input
    • Checkbox, Switch & Sliders
    • Radio Buttons
    • Buttons
    • Select, Combo & Autocomplete
    • Lists & Treeviews
    • Date, Time & Color
    • Icons & Images
Powered by GitBook
On this page
  • Form Validation
  • Example

Was this helpful?

  1. Form

Validation

PreviousLicenseNextAsync Loading

Last updated 4 years ago

Was this helpful?

Form Validation

If you need Form Validation you have to wrap v-form-base with and take the reference of v-form for working on.

If you want to avoid a reload, then you have to define @submit.prevent

<v-form ref="formbase" v-model="formValid" lazy-validation @submit.prevent>
    <v-form-base :model="myModel" :schema="mySchema" @input="handleInput"/>
</v-form>
validate () {
  this.$refs.formbase.validate()
},

resetValidation () {
  this.$refs.formbase.resetValidation()
},

v-form
Example