ajax and json_encode() form validation error - php

Question

I am able to display success and fail messages if the form has validation errors or not but I am not sure how to get the errors to display one under each other in this php code:
$errors = array();
$response = array();
if(empty($_POST['name'])) {
$errors['name'] = "Name required";
}
if(empty($_POST['email'])) {
$errors['email'] = "Email required";
}
$response['errors'] = $errors;
if($errors) {
$response['success'] = false;
$response['message'] = "Fail";
} else {
$reponse['success'] = true;
$response['message'] = "<div class='alert alert-success'>Article added</div>";
}
echo json_encode($response);
The line I need to change is probably:
$response['message'] = "Fail";

Answer 1

I am not sure I understand your issue, but if the goal is for the user to get the list of errors encountered, then everything you did was quite correct.
The errors are in
$response['errors']
so the json_encoded result of $response permits Javascript (client-side) to browse those errors as an array, and correctly print them.
You should not return HTML formatted text. It's the role of the View (client) to render the results, accordingly to CSS rules.
So I would say that there is nothing to change here. On success == false the client must print the errors from { 'errors' : { ... }}
If you cannot/don't want to edit the client-side Javascript / rendering page, then you have to concatenate a string with <br> or a <ul><li> and provide this one in $response['message']. It's ugly, but whoever has constraints still has solutions.

Answer 2

Have you tried to add the error message as you detect it
$errors = array();
$response = array();
if(empty($_POST['name'])) {
$errors['name'] = "Name required";
response['message'] = "<div class='alert alert-danger'>Name Required</div>";
}
if(empty($_POST['email'])) {
$errors['email'] = "Email required";
response['message'] = "<div class='alert alert-danger'>Email Required</div>";
}
$response['errors'] = $errors;
if($errors) {
$response['success'] = false;
// $response['message'] = "Fail"; we added the message during the error detection
} else {
$response['success'] = true;
$response['message'] = "<div class='alert alert-success'>Article added</div>";
}
echo json_encode($response);