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>');
}
})