Displaying server-side form validation errors

$.ajax({
  url        : '/url',
  method     : 'POST',
  dataType   : 'json',
  contentType: 'application/json',
  data       : JSON.stringify(data)
}).done(function(response){

  if(response.status === 1) {
    return toastr.success(response.message);
  }

  return toastr[response.status ? "warning" : "error"](response.message);

}).fail(failedAjax);

ddellav pro commented 7 years ago

That's not what I was asking. There are any number of ways to create error notifications, toastr is but one. What I'm asking is how to style the MD Pro text input fields using server-side responses. In other words, how do I set the input to its error state and control the data-error message on page load? I expect there has got to be a built-in way of doing this.

---

DAME1 pro commented 7 years ago

I need the same, I'm looking for which class I need to add on the input in case of error returned from the server.

---

Mikołaj Smoleński staff commented 7 years ago

You need to add 'data-error' and 'data-success' attribute to the label element to show messages below the input.

---

bvandewe commented 7 years ago

same question here... any luck? --edited: to get the expected state when the form loads, just add a class 'valid' or 'invalid' to the input element (along with 'validate' on the input and 'data-error or data-success' to the label...) HTH

---