как работать с php вернуться в ajax

Question

У меня есть вопрос о том, как работать с php возвратом в jquery с ajax.

У меня есть html поля:

<input type='text' id='name'>
<input type='text' id='color'>
<input type='text' id='material'>

Я отправляю значение вphp, чтобы проверить, если он существует

в php У меня есть if, который записывает номер ошибки в массив $ errors:

if($_POST['name'] == "") { $errors[] = "1"; }

if($_POST['name'] == "Name") { $errors[] = "2"; }

в конце php возвращает массив с ошибками:

foreach($errors AS $error) {
                echo $error";
            }

Теперь я хотел бы внести изменения в css, когда получу ошибки.Примерно так

success: function(html){
    if(html.$errors.1) {do this}  //this is not correct js I know, but please understand me, I am just learning

          if(html.$errors.2) {do this}
                }

Проблема в том, что я понятия не имею, как получить доступ к ошибкам;html возвращает что-то вроде этого: 123, если второе поле, например, не с ошибкой, возвращается: 13

Не могли бы вы, ребята, помочь мне с этой ситуацией?

Заранее спасибо!

Answer 1

Попробуйте что-нибудь вроде этого

<input type='text' id='name'>
<span id="name_err" style="display:none;">Please enter name</span>

<input type='text' id='color'> 
<span id="color_err" style="display:none;">Please enter color</span>

<input type='text' id='material'>
<span id="material_err" style="display:none;">Please enter material</span>

в Javascript, напишите так

if(html.$errors.2)
{
document.getElementById("color").style.display = "block"; 
}
 if(html.$errors.1)
{
document.getElementById("name").style.display = "block"; 
}
 if(html.$errors.3)
{
document.getElementById("material").style.display = "block"; 
}