Metodología: Validar formulario en php -> respuesta devuelta mediante ajax - jquery

[AngelFelix]

Necesito validar y procesar datos de un formulario en el servidor utilizando PHP y las respuesta de la validación devolverlas mediante ajax, utilizando Jquery.
(Sin problema en validar datos con PHP, el problema es devolver el resultado de la validación mediante ajax con jquery. No debatir el porqué lo hago en el servidor y no en el cliente, eso es otra historia.)

Las posibles respuesta de la validación:

-Error: En caso de no pasar la validación, la respuesta de error es mostrada en una capa DIV específica para ello.
-Éxito: En caso de pasar la validación, la respuesta de éxito seria mostrada en la capa DIV contenedora del formulario, quedando el formulario oculto.

Espero que se entienda ...

[marlanga]

Devuelve un objeto JSON con dos atributos: status, donde contendrá si ha habido éxito o error; y text, donde irá el mensaje a mostrar.

Si ya sabes programar, verás que es muy sencillo de usar. Es la forma que tiene javascript de encapsular un objeto en una cadena string, ligeramente parecido al SERIALIZABLE de java. EL PHP escribe esa cadena con formato de JSON como única respuesta, y cuando un AJAX la recupere, puedes decirle a javascript que la interprete como un objeto y recorrer sus atributos con objeto.miAtributo.

Cada atributo puede ser del tipo que quieras. String, booleano, entero, decimal, expresión regular, incluso arrays y otros objetos JSON.

[AngelFelix]

Ok... gracias marlanga.

Empiezo ahora escribir código.

JSON... Buena pista, ya se por donde empezar.

Gracias de nuevo.

[AngelFelix]

Bueno... creo que ya esta listo, dejo el código para su evaluación.

procesar.php

Código PHP:

  if(empty($_POST['nombre'])){
    
    $salida['error'] = 'Error campo nombre vacio';   
    echo  json_encode($salida);
    
    }else{
    
    $salida['exito'] = 'Nombre: '.$_POST['nombre'];
    echo  json_encode($salida);
 }  
   

El formulario y el el Jquery.

Código Javascript:

<script type="text/javascript">
$(document).ready(function(){
$('#formulario').submit(function(evento){ 
            evento.preventDefault();
            var formulario = $(this).serialize();         
                $.ajax({
                url: 'procesar.php',
                data: formulario,
                type: 'POST',
                dataType: 'json',
                success: function(datos){
              $('#resultado').text(JSON.stringify(datos, null, 1)); // Salida JSON
              $('#div-formulario').text(datos.exito).fadeIn('slow'); // Mensaje de respuesta. OK
              $('#error').text(datos.error).fadeIn('slow'); // Mesaje de error en validacion
            }
                    });
             
});
 });   
</script>
 

Código HTML:

<div id="div-formulario"> <!-- Mensaje de respuesta. OK -->
<div id="error"></div> <!-- Mesaje de error en validacion -->
 
<form id="formulario" method="post">
<input type="text" id="nombre" name="nombre" placeholder="Su nombre">
<input type="submit" value="Enviar">
</form>
</div>
<div id="resultado"></div> <!-- Salida JSON -->