Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Mensagem quando os campos estiveremnulo ou branco

Olá, bom dia!

Quando não existir informação no campo (nulo ou branco) trazer a mensagem "Não informado", como faço em CSS ??

Obrigada

2 respostas
solução!

Olá Maria, tudo bem ?

Imagino que não seja possível utilizando apenas CSS. Na maioria das aplicações esse tipo de lógica de visualização é tratada no backend, que já faz as verificações e provê uma resposta adequada quando algum dado esperado no front não existe. Acredito que seja esse o modelo ideal.

Caso o tratamento não tenha sido feito no backend, e você ainda precise fazer esse ajuste (não é o ideal, mas como contorno do problema), imagino que seja necessário manipular o DOM usando JavaScript.

Algo como, capturar os campos ou tds de tabela, verificar se não há valor, e nesse caso adicionar alguma outra informação.

exemplo


<input type="text" name="nome" id="nome"/>
<script>
    const campo = document.querySelector('#nome') // <- seu seletor css

    if(!campo.value) {
        campo.value = 'Não informado';
    }
</script>

Se fosse uma td, poderíamos usar a propriedade textContent do elemento. Esse é um possível contorno para o problema, mas está longe do código que o programador frontend deveria escrever. Imagine ter que fazer isso para todos os elementos (onde pode ocorrer esse problema) de uma página densa... =\

Espero ter ajudado. Abraço!

Olá, boa noite Rafael!

Tudo ótimo e você?

Muito obrigada pela ajudar, deu certo aqui!

Agradeço imensamente,

Abraços.