remover append

[Matheus Conti 0]

Galera estou criando um modal que quando clica em uma link que tem id #open-login o modal abre.

esse modal usa $.get pra carregar um form de outra pagina assim que carregado e feito $("body").append(data) lembrando que data e os dados que o $.get buscou da pagina externa e quando o usuario da submit no form ele verifica se os dados sao validos se sim

ele fecha o modal se nao ele faz isso

$('#login-bg form').remove(); //remove os formularios
$('#login-bg').append("<span>Oops os dados não conferem!</span>").append("<a href='#'>Tentar Novamente</a>").click(function(e){
e.preventDefault();
openModal();
});

o problema e quando o usuario clica no href "tentar novamente" e os dados digitados sao invalidos novamente ele repeti olha a imagem

 

digitando os dados

 

 

Ok os dados estao invalidos

 

 

Cliquei em tentar novamente e digite os dados invalidos novamente

 

 

Agora observe que ele nao limpou a mensagem de dados invalidos da outra vez

 

 

 

Como vou limpar ? ja tentei

 

Isso

$('#login-bg form').remove();
$('#login-bg').append("<span>Oops os dados não conferem!</span>").append("<a href='#'>Tentar Novamente</a>").click(function(e){
e.preventDefault();
$('#login-bg').remove(); //limpar o modal antes de fecha-lo
openModal();
});

Alguem da um help :P

[rodrigopa 7]

Se eu entendi direito, você resolveria assim...

 

Em vez de usar isso:

$('#login-bg').append("<span>Oops os dados não conferem!</span>")

Faça assim:

var span = $('<span />', { text: 'Oops os dados não conferem!' }).appendTo('#login-bg');

Depois para remover é só usar:

span.remove();