2
respostas

Ao enviar a oferta sem preencher campos as mensagens de erros não são apresentadas. (Código baixado)

Srs. na aula Apresentando mensagens de erro em [06 Validações com Vue.js] não consegui fazer funcionar a exibição dos erros, tentei encontrar no forum da aula implementar algo que eu não tivesse feito mas sem sucesso. Baixei o código disponibilizado e o resultado foi o mesmo, o erro é exibido apenas no console do navegador (ferramenta do desenvolvedor). Alguém sabe o que deve ser feito para que funcione? Ao clicar em Nova Oferta sem preencher: Insira aqui a descrição dessa imagem para ajudar na acessibilidade Erro exibido no console

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Erro exibido no Preview

Não vou postar o código porque eu baixei ok. Fico no aguardo. Grato.

2 respostas

Olá Márcio, tudo bem?

Pelo que entendi, você está tendo dificuldades para exibir as mensagens de erro ao enviar uma oferta sem preencher os campos, certo?

Pelo que vi nas imagens que você compartilhou, o erro é exibido apenas no console do navegador e não na tela. Isso pode acontecer por diversos motivos, como por exemplo, a falta de configuração do Vue.js para exibir as mensagens.

Uma possível solução para o seu problema seria verificar se a configuração do Vue.js para exibir as mensagens de erro na tela está correta. Além disso, você pode tentar adicionar uma função que exiba as mensagens de erro na tela quando o usuário tentar enviar uma oferta sem preencher os campos.

Infelizmente, sem ver o código que você baixou, fica difícil dar uma resposta mais precisa. Mas espero que essas dicas possam te ajudar a solucionar o problema.

Espero ter ajudado e bons estudos!

Olá Márcio, tudo bem?

Pelo que entendi, você está tendo dificuldades em exibir mensagens de erro ao enviar uma oferta sem preencher os campos no código baixado do curso "Spring MVC: autenticação com Spring Security, API Rest e AJAX".

Pelo que pude observar nas imagens que você postou, o erro é exibido apenas no console do navegador e não na página. Isso pode estar acontecendo porque o código não está configurado para exibir as mensagens de erro na página.

Uma possível solução seria adicionar um elemento HTML na página para exibir as mensagens de erro e, em seguida, atualizar o código para exibir as mensagens nesse elemento.

Por exemplo, você poderia adicionar um elemento div com um id "error-messages" na página e, em seguida, atualizar o código para exibir as mensagens de erro nesse elemento usando JavaScript.

Algo como:

const errorMessages = document.querySelector('#error-messages');
errorMessages.innerHTML = 'Por favor, preencha todos os campos.';

Lembre-se de atualizar o código para exibir as mensagens de erro corretas para cada campo que não foi preenchido.

Espero ter ajudado e bons estudos!