Laravel and vue.js validation

Question

From my Laravel api I receive the following validation errors within json:

{
  "error": {
    "billabletime": [
      "The billabletime field is required."
    ],

   "time": [
      "time bust be a integer."
    ]
  }
}

So how would I show them in vue.js? Right now I've this but that's obviously not working:

 showError (message) {
  swal({
    title: "Fout", 
    text: message.error, 
    type: "error", 
    timer: 2000,
    showConfirmButton: false 
  });
}

You first should use message.error.billabletime in text object — rad11
– rad11, Commented Sep 23, 2016 at 5:11
Yes but billabletime could also be some other error message. (made an edit) — Jamie
– Jamie, Commented Sep 23, 2016 at 5:14

Ohgodwhy · Accepted Answer · 2016-09-23 05:44:50Z

1

Like this:

var errorString = '';
if (message.hasOwnProperty('error')) {
    for(var prop in message.error) {
        if (Array.isArray(prop)) {
            for (var msg in prop) {
                errorString += prop[msg] . '<br/>';
            } 
        } else {
            errorString += message.error[prop] . '<br/>';
        }
    }
}

Something simple like this should give you the desired result. Not necessary to know index names.

Edit added functionality to handle stirng/array

answered Sep 23, 2016 at 5:44

Ohgodwhy

50.9k11 gold badges86 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel and vue.js validation

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related