Ajax validation with VueJS

ajax-validation-with-vue.js

new Vue({
    el: '#app',

    data: {
        formInputs: {},
        formErrors: {}
    },

    methods: {
        submitForm: function(e) {
            var form = e.srcElement;
            var action = form.action;
            var csrfToken = form.querySelector('input[name="_token"]').value;
            
            this.$http.post(action, this.formInputs, {
                headers: {
                    'X-CSRF-TOKEN': csrfToken
                }
            })
            
            .then(function() {
                form.submit();
            })
            
            .catch(function (data, status, request) {
                this.formErrors = data.data;
            });
        }
    }
});

Source URL: http://taha-sh.com/blog/setting-up-ajax-validation-with-laravel-vuejs-in-no-time