ajax + jquery ed il messaggio nei <div>

[homerbit]

ciao, il mio scopo è validare un form:
ottengo i vari messaggi di validazione (mediante funzioni php) ma si concatenano.
Ad esempio: "campo nome non valido" poi modifico il campo, ri-submit ed il secondo messaggio si concatena al primo, e via dicendo con i restanti campi.

Qui di seguito lo script (importo anche la libreria jquery)

$(function() {
$(".button").click(function() {
var element = $(this);
   var nome = $("#nome").val();
   var email = $("#email").val();
    var dataString = 'nome='+nome+'&email='+email ;
	
	$("#flash").show();
	$("#flash").fadeIn(400).html('<span class="loading">Attendi...</span>');
	
		$.ajax({
		type: "POST",
  url: "demo_insert.php",
   data: dataString,
  cache: false,
  success: function(html){  
  	
    $("#display").after(html);
document.getElementById('nome').focus()
 $("#flash").hide();
 	
  }
  
});
    return false;
	});


});
</script>

GRAZIE!

[homerbit]

..allora..un piccolo passo l'ho fatto, ho capito come evitare la concatenazione dei messaggi d'errore, sostituire la riga

$("#display").after(html);

con

$("#display").html(html);

Ora però rimane insoluto un altro problema, praticamente vorrei ottenere l'effetto di "concatenazione" con gli esiti positivi, cioè visualizzare i campi nome ed email ogni qualvolta questi siano giusti!
Ma cosa succede?
Supponiamo di visualizzare una coppia "nome email" e di volerne inserire un'altra.
Facendo la validazione sparisce la precedente coppia dando spazio all'eventuale messaggio di errore!!!
Avevo pensato di risolvere così ma invano

var StringadiEsito = html; 	  
   var esito = StringadiEsito.indexOf("errore"); 
if (esito != 1) 
	$("#display").html(html); //non devi concatenare i messaggi
else   
  	$("#display").after(html); //concatena i messaggi: nome, email

spero in qualche vostro consiglio

[cavicchiandrea]

Se il div (o oggetto) denominato display viene utilizzato sia per mostrare i campi che per restituire l'errore è normale, la soluzione più rapida (sopratutto quando non si ha ottima conoscienza di jquery) è separare, in display metti i campi e in error metti l'errore (qualora ci sia).
Esempio <div id="display">metto i mie campi</div><div id="error">qui ci andrà il messaggio d'errore inizialmente sarà pre impostato non visibile/nascosto</div>

[homerbit]

grazie per la risposta ed il consiglio solo che, come dire, non saprei come distinguere i risultati "errore" ed "esito positivo" in quanto entrambi provengono dall'echo di una classe di validazione.
Io ho optato per questa soluzione, forse grezza, ma efficace ai miei scopi

var StringadiEsito = html; 	  
   var esito = StringadiEsito.indexOf("errore"); 
if (esito != 1) 
	$("#display").html(html); //non devi concatenare i messaggi
else   {$("#display").empty();
  	$("#display").after(html); //concatena i messaggi: nome, email
       }

Aggiungendo la riga $("#display").empty(); risolvo il problema postato del messaggio precedente: sovrapposizione non voluta di alcuni messaggi.

In questo modo pare funzioni ma se posso migliorare.....

Risolto in qualche modo questo passaggio, vorrei migliorare la visualizzazione dei messaggi da esito positivo. Questi mi appaiono come in una pila, in questo modo:

nome2 email2
nome1 email1

io vorrei invece:
nome1 email1
nome2 email2

Grazie !

[cavicchiandrea]

Ma..... Tu vuoi che ad ogni riga (composta da email e nome) ci sia un "spazio" che restituisca se i campi sono validi o errati?

[homerbit]

sì, ho una tabella da popolare, sotto la quale il mio form....quindi compilo il form, ottengo il messaggio di validazione oppure se ok "nome email"
continuo con il secondo inserimento e vorrei che questo si accodasse al precedente, che comparisse sotto anzicchè sopra
Non ho il demo online
grazie ancora

[cavicchiandrea]

Forse ho capito cosa intendi, ma non saprei spiegarlo (e non è certo che funzioni), forse vedendo una demo online.