0

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

1 Resposta 1

0

Para apagar seu elemento utilize a função remove() do JQuery:

$('#alert-error').remove();

$.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>');
        }
      });
4
  • Deu certo dessa maneira quando coloco 1 campo só, mas o form tem vários campos, aí precisei fazer o seguinte ' $.each(errorVal, function(i, item){ var msgError = '<small class="alert-error" data-js="alert-error"> ' + item.defaultMessage + '</small>'; $('#alert-error').remove(); $('#'+item.field +'-row').append(msgError); }) ' Dessa forma, ele fica alternando, apaga todos e só mostra 1 Commented 3/09/2018 às 13:31
  • Alterei a resposta, por favor tente novamente. Commented 3/09/2018 às 13:33
  • Deu certo :) obrigada!!! Commented 3/09/2018 às 13:36
  • Por nada!!!!!!! Commented 3/09/2018 às 13:41

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .