Spring - Como Validar formulário com mais de um objeto usando @Valid?

Programação Java
,
#1

Boa tarde Pessoal,

Estou com problemas para mostrar as mensagens de validação na minha view. Será que alguém com maior conhecimento poderia me ajudar por favor?

Classe PessoaFisica

Classe PessoaFisicaController

image.png770×500 35.9 KB

Form com Thymeleaf Layout

<html>
<form class="form-horizontal" method="POST"
		th:action="@{/pessoafisica}" th:object="${pessoaFisica}">

		<div layout:include="Mensagem"></div>

		<div class="panel panel-default">
			<div class="panel-heading">
				<div class="clearfix">
					<h1 class="panel-title an-titulo-panel">Cadastro Pessoa Física</h1>
					<a class="btn btn-link an-link-panel"
						th:href="@{/pessoafisica/pesquisa}">Voltar para pesquisa</a>
				</div>
			</div>
			<div class="panel-body">
				<div class="form-group"
					th:classappend="${#fields.hasErrors('nome')} ? has-error">
					<label for="nome" class="col-sm-2  control-label">Nome</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="nome" name="nome" />
					</div>
				</div>
				<div class="form-group"
					th:classappend="${#fields.hasErrors('rg')} ? has-error">
					<label for="rg" class="col-sm-2  control-label">RG</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="rg" name="rg" />
					</div>
				</div>
				<div class="form-group"
					th:classappend="${#fields.hasErrors('cpf')} ? has-error">
					<label for="cpf" class="col-sm-2  control-label">CPF</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="cpf" name="cpf" />
					</div>
				</div>
				<div class="form-group"
					th:classappend="${#fields.hasErrors('dataNascimento')} ? has-error">
					<label for="dataNascimento" class="col-sm-2  control-label">Data
						Nascimento</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="dataNascimento"
							name="dataNascimento" />
					</div>
				</div>
				<div class="form-group">
					<label for="sexo" class="col-sm-2  control-label">Sexo</label>
					<div class="col-sm-2">
						<select class="form-control" name="sexo">
							<option th:each="sexo : ${todosSexos}" th:value="${sexo}"
								th:text="${sexo.descricao}"></option>
						</select>
					</div>
				</div>
			</div>
		</div>

		<div class="panel panel-default">
			<div class="panel-heading">
				<div class="clearfix">
					<h3 class="panel-title an-titulo-panel">Endereco</h3>
				</div>
			</div>
			<div class="panel-body" th:object="${endereco}">
				<div class="form-group" th:classappend="${#fields.hasErrors('logradouro')} ? has-error">
					<label for="logradouro" class="col-sm-2  control-label">Endereco</label>
					<div class="col-sm-4">
						<input type="text" class="form-control" id="logradouro"
							name="logradouro" />
					</div>
				</div>
				<div class="form-group">
					<label for="numero" class="col-sm-2  control-label">Número</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="numero" name="numero" />
					</div>
				</div>
				<div class="form-group">
					<label for="complemento" class="col-sm-2  control-label">Complemento</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="complemento"
							name="complemento" />
					</div>
				</div>
				<div class="form-group">
					<label for="cep" class="col-sm-2  control-label">CEP</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="cep" name="cep" />
					</div>
				</div>
				<div class="form-group">
					<label for="bairro" class="col-sm-2  control-label">Bairro</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="bairro" name="bairro" />
					</div>
				</div>
				<div class="form-group">
					<label for="referencia" class="col-sm-2  control-label">Referencia</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="referencia"
							name="referencia" />
					</div>
				</div>
				<div class="form-group">
					<label for="cidade" class="col-sm-2  control-label">Cidade</label>
					<div class="col-sm-2">
						<input type="text" class="form-control" id="cidade" name="cidade" />
					</div>
				</div>
				<div class="form-group">
					<label for="estado" class="col-sm-2  control-label">Estado</label>
					<div class="col-sm-2">
						<select class="form-control" name="estado">
							<option th:each="estado : ${todosEstados}" th:value="${estado}"
								th:text="${estado.descricao}"></option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-offset-2  col-sm-10">
						<button type="submit" class="btn  btn-primary">Save</button>
					</div>
				</div>
			</div>
		</div>
	</form>
</html>

Minha Tela com as Mensagens de Erro da Classe PessoaFisica, porém as Mensagens da classe Endereco não aparecem, mas válida deixando o campo em vermelho.

image.png797×615 7.66 KB

Qual é o problema com este form, porque não mostra as mensagens da classe Endereço?

#2

Saudação @Alexsandro_Duke

Eu não sei como está as configurações do template do Thymeleaf no seu projeto, mas no inicio da pagina era para ter essas configurações logo no topo da pagina, é importante você importar as bibliotecas do Thymeleaf na pagina como mostra abaixo;

<!DOCTYPE html>
<html lang="pt" xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:th="http://www.thymeleaf.org"

Em seguir inserir em cada objeto da sua entidade inserir essa linha de código que fará toda a diferença;

th:field="*{endereco}"

Depois me diz se funcionou, por favor.

Com esse tipo de problema o erro não está no Back-End e sim no Frond-End.

#3

Saudações Wladyband,

Vamos lá colocarei aqui o meu projeto em imagens. Lembrando que estou utilizando Spring Tool Suite.

1.) Projeto de Teste: Mapeamento JPA

image.png342×640 19.9 KB

2.) Classe Pessoa - antes de perguntar, os getters e setters estão na classe, só não aparecem por causa do tamanho da imagem que tirei o print.

image.png795×609 40.7 KB

3.) Classe Pessoa Física

image.png633×579 35.1 KB

4.) Classe Pessoa Jurídica

image.png679×558 35.4 KB

-Não precisa mostrar a classe pessoa jurídica pois fica redundante nesta explicação, mas vamos tudo bem.

5.) Classe Endereço
Aqui está o meu problema, as mensagens de Validações, como @NotBlank, não estão aparecendo na minha página. Aparecem apenas as mensagens da classe Pessoa Física. Mas vamos continuar.

image.png755×576 43.7 KB

6.) Agora a Página HTML de Cadastro de Pessoa Física(CadastroPessoaFisica.html)

Cadastro Pessoa Física 
	<div layout:include="Mensagem"></div>

	<div class="panel panel-default">
		<div class="panel-heading">
			<div class="clearfix">
				<h1 class="panel-title an-titulo-panel">Cadastro Pessoa Física</h1>
				<a class="btn btn-link an-link-panel"
					th:href="@{/pessoafisica/pesquisa}">Voltar para pesquisa</a>
			</div>
		</div>
		<div class="panel-body">
			<div class="form-group"
				th:classappend="${#fields.hasErrors('nome')} ? has-error">
				<label for="nome" class="col-sm-2  control-label">Nome</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="nome" th:field="*{nome}" />
				</div>
			</div>
			<div class="form-group"
				th:classappend="${#fields.hasErrors('rg')} ? has-error">
				<label for="rg" class="col-sm-2  control-label">RG</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="rg" th:field="*{rg}" />
				</div>
			</div>
			<div class="form-group"
				th:classappend="${#fields.hasErrors('cpf')} ? has-error">
				<label for="cpf" class="col-sm-2  control-label">CPF</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="cpf" th:field="*{cpf}" />
				</div>
			</div>
			<div class="form-group"
				th:classappend="${#fields.hasErrors('dataNascimento')} ? has-error">
				<label for="dataNascimento" class="col-sm-2  control-label">Data
					Nascimento</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="dataNascimento"
						th:field="*{dataNascimento}" />
				</div>
			</div>
			<div class="form-group">
				<label for="sexo" class="col-sm-2  control-label">Sexo</label>
				<div class="col-sm-2">
					<select class="form-control" name="sexo">
						<option th:each="sexo : ${todosSexos}" th:value="${sexo}"
							th:text="${sexo.descricao}"></option>
					</select>
				</div>
			</div>
		</div>
	</div>

	<div class="panel panel-default">
		<div class="panel-heading">
			<div class="clearfix">
				<h3 class="panel-title an-titulo-panel">Endereco</h3>
			</div>
		</div>
		<div class="panel-body" th:object="${endereco}">
			<div class="form-group" th:classappend="${#fields.hasErrors('logradouro')} ? has-error">
				<label for="logradouro" class="col-sm-2  control-label">Endereco</label>
				<div class="col-sm-4">
					<input type="text" class="form-control" id="logradouro"
						th:field="*{logradouro}" />
				</div>
			</div>
			<div class="form-group" th:classappend="${#fields.hasErrors('numero')} ? has-error">
				<label for="numero" class="col-sm-2  control-label">Número</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="numero" th:field="*{numero}" />
				</div>
			</div>
			<div class="form-group">
				<label for="complemento" class="col-sm-2  control-label">Complemento</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="complemento" th:field="*{complemento}" />
				</div>
			</div>
			<div class="form-group" th:classappend="${#fields.hasErrors('cep')} ? has-error">
				<label for="cep" class="col-sm-2  control-label">CEP</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="cep" th:field="*{cep}" />
				</div>
			</div>
			<div class="form-group" th:classappend="${#fields.hasErrors('bairro')} ? has-error">
				<label for="bairro" class="col-sm-2  control-label">Bairro</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="bairro" th:field="*{bairro}" />
				</div>
			</div>
			<div class="form-group">
				<label for="referencia" class="col-sm-2  control-label">Referencia</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="referencia"
						name="referencia" />
				</div>
			</div>
			<div class="form-group" th:classappend="${#fields.hasErrors('cidade')} ? has-error">
				<label for="cidade" class="col-sm-2  control-label">Cidade</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="cidade" th:field="*{cidade}" />
				</div>
			</div>
			<div class="form-group">
				<label for="estado" class="col-sm-2  control-label">Estado</label>
				<div class="col-sm-2">
					<select class="form-control" name="estado">
						<option th:each="estado : ${todosEstados}" th:value="${estado}"
							th:text="${estado.descricao}"></option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2  col-sm-10">
					<button type="submit" class="btn  btn-primary">Save</button>
				</div>
			</div>
		</div>
	</div>
</form>

7.) NOTE: Minha Classe Controller (PessoaFisicaController) onde no método save tem @ModelAttribute e @Valid além do BindingResult para PessoaFisica e Endereco.

image.png979×561 36.2 KB

8.) Minha página WEB, Cadastro Pessoa Física. O problema é que quando clico no botão save, sem ter preenchido nenhum dos campos, porque eu quero ver as validações funcionando e mostrando para o usuário os campos que “não foram devidamente preenchidos”, no caso, quero que mostre as mensagens das propriedades que são obrigatórias tanto da classe PessoaFisica quanto Endereco. Porém só mostra as mensagens da classe PessoaFisica, aqui está o erro, porque não mostra as mensagens da classe Endereco para o usuário???

image.png851×695 20.2 KB

9.) Agora a página com as mensagens da classe Pessoa Física. PORQUE não aparecem as mensagens da classe Endereco???

image.png855×703 22.7 KB

Alguém com maior conhecimento poderia por favor me dizer por que as mensagens da classe Endereco não aparecem quando clico no botão save?

Desde já agradeço.

#4

Onde está a parte de código que é responsável pelas mensagem de erro no topo?

#5

Aqui está a view Mensagem.html, que está como layout:include na view CadastroPessoaFisica

image.png1021×526 33.5 KB