Skip to main content
1 de 2

Criar div com append e apagar para exibir outra Jquery

Preciso exibir mensagens de validação de erros num formulário. Essas mensagens vêm de um json quando submeto o form. Só que um campo pode ter 2 ou mais msgs, por exemplo: Um cpf pode ter mensagens de erro como: Campo inválido ou Campo vazio.

Consegui exibir a mensagem de erro, só que quando clico novamente ele duplica a mensagem ao invés de substituir por uma nova. Como faço pra apagar a mensagem atual e substituir pela nova?

Meu código é esse:

 $.each(errorVal, function(i, item){
            console.log("messsagem: " + item.defaultMessage)
            if(item.field === "cpf") {
              $('#cpf-row').append('<small class="alert-error" data-js="alert-error" id="alert-error"> Name: ' + item.defaultMessage + '</small>');
            }
          })