split ajax json response errors in each field

[xydeown]

hi , i used till now AJAX post with normal dataType 'html' , now i convert it and using dataType 'json' ,

Now before i used json i split response errors with for each span next to the input field .

 

this is my old ajax succses split errors code using normal datatype 'html' :

    success:
           function(data){
              
  var data_array = split('*');
                 for(var i=0; i<data_array.length-1; i++)
                 {
                    messgae_array = data_array[i].split(':');
                    $("#"+messgae_array[0]+"_error").html(messgae_array[1]);
                    $("#"+messgae_array[0]).css({"border":"1px solid red"});
                 }

}

this is my input on the form

<input type="text" id="uname" name="uname" value="" class="inplaceError" /><span id="uname_error"></span>

i have more inputs i puted just ex how it look..

 

so every input i have span that holds the errors from the ajax response.

 

and now the problem is my old code know handle html response and not json response , i am javascript/ajax/json newbie , and i dont know how to change the split code so work with json response and not normal html response , any help please?