laravel-vue2-validator
TypeScript icon, indicating that this package has built-in type declarations

0.0.9-beta-13 • Public • Published

Laravel Vue Validator

By bookingkh.com

Latest Version on NPM Software License npm npm

This package allow to display errors from laravel validation rules

! This package needs axios or vue-resource to work !

Installation

npm install --save laravel-vue2-validator
import LaravelVueValidator from 'laravel-vue2-validator'
  
Vue.use(LaravelVueValidator)

Usage Example

If you have in your laravel validation rule :

'name' => 'required|min:2|max:20'

You can display the error using in vue :

<error input="name" />

This error will only be displayed if a 422 error is produced by laravel when the form is submited (when the rule is not satisfied)

To flush errors in a vue component:

this.$errors.flush()

Full Example

<template>
    <form @keydown="$errors.onKeydown($event)">
        <input type='text' v-model='name' :inputClass="errorClass"/>
     <error input="name" />
     <button @click="submit">Submit</button>
</form>
</template>
<script>
 
export default {
    data(){
        return{
            name: '',
            errorClass: 'form-error'
        }
    },
    methods(){
        this.$http.post('/submit', {name: this.name});
    },
     destroyed () {
       this.$errors.flush()
     }
}
 
</script>

Package Sidebar

Install

npm i laravel-vue2-validator

Weekly Downloads

14

Version

0.0.9-beta-13

License

MIT

Unpacked Size

24.6 kB

Total Files

14

Last publish

Collaborators

  • chantouchsek