Neo's Playing Morpheus

    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>

    Install

    npm i laravel-vue2-validator

    DownloadsWeekly Downloads

    46

    Version

    0.0.9-beta-13

    License

    MIT

    Unpacked Size

    24.6 kB

    Total Files

    14

    Last publish

    Collaborators

    • chantouchsek