matthijsfontystest v1.0.0

Easy Vue Form

Generic library for validating your Vue forms

Functionality

• Validation functions
• Default values

• Field comparison

Documentation

• JSdocs

Examples

import

// Necessary validation methods
import {isEmail, isFilledIn, isSameAs} from 'easyvueform'
// Class that validates the form
import FormHelper from 'easyvueform/FormHelper'
// Form field represtation
import FormField from 'easyvueform/FormField'

setup

export default {
  data(){
    return{
      form: {
        email: new FormField("example@default.com",isEmail()),
        confirmEmail: new FormField(isSameAs("email")),
        password: new FormField(isFilledIn())
      },
      formHelper: null,
    }

  },

  created() {
      this.formHelper = new FormHelper(this.form);
  }

validation

methods: {
    validateForm(){
        this.formHelper.validateForm();
    }
}

example input field

<input type="email" 
       v-model="form.email.value"
       v-bind:class="{error: !form.email.isValid}"/>