Galera estou querendo informar uma mensagem de erro após a validação de um dado informado pelo usuário incorreto ao lado do campo no formulário mesmo, já esta todo funcionando porém a mensagem e informada na parte superior do formulário e gostaria de coloca- la ao lado de cada campo onde o usuário digitou a informação errada.
segue o fonte da jsp que faz isso
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ page language="java"%>
<%@ page errorPage="erro.jsp"%>
<html>
<head>
<title>Pagina de Login</title>
<script language="JavaScript">
function validaForm(){
d = document.cadcliente;
//if (d.codigocli.value == ""){
// alert("O campo " + d.codigocli.name + " deve ser preenchido!");
// d.codigocli.focus();
// return false;
//}
if (d.nome.value == ""){
alert("O campo " + d.nome.name + " deve ser preenchido!");
d.nome.focus();
return false;
}
if (d.endereco.value == ""){
alert("O campo " + d.endereco.name + " deve ser preenchido!");
d.endereco.focus();
return false;
}
if (d.rg.value == ""){
alert("O campo " + d.rg.name + " deve ser preenchido!");
d.rg.focus();
return false;
}
if (d.cpf.value == ""){
alert("O campo " + d.cpf.name + " deve ser preenchido!");
d.cpf.focus();
return false;
}
if (d.telfixo.value == ""){
alert("O campo " + d.telfixo.name + " deve ser preenchido!");
d.telfixo.focus();
return false;
}
if (d.cel.value == ""){
alert("O campo " + d.cel.name + " deve ser preenchido!");
d.cel.focus();
return false;
}
if (d.bairro.value == ""){
alert("O campo " + d.bairro.name + " deve ser preenchido!");
d.bairro.focus();
return false;
}
return true;
}
</script>
</head>
<body bgcolor="lightblue">
<h2 align="CENTER">Cadastrar Clientes</h2>
<br>
<html:form action="/cadastroCliente.do" method="post">
<html:hidden property="operation" value="" />
<table border=2 align="center">
<td><logic:messagesPresent>
<font color="red">
<ul>
<html:messages id="error">
<li><bean:write name="error" /></li>
</html:messages>
</ul>
</font>
</logic:messagesPresent>
</td>
<tr>
<td>Codigo Cliente:</td>
<td><input type="text" name="codigocli" size="30" /></td>
</tr>
<tr>
<td>Nome:</td>
<td><input type="text" name="nome" size="30" /></td>
</tr>
<tr>
<td>Endereço:</td>
<td><input type="text" name="endereco" size="30" /></td>
</tr>
<tr>
<td>RG:</td>
<td><input type="text" name="rg" size="30" /></td>
</tr>
<tr>
<td>CPF:</td>
<td><input type="text" name="cpf" size="30" /></td>
</tr>
<tr>
<td>Telefone:</td>
<td><input type="text" name="telfixo" size="30" /></td>
</tr>
<tr>
<td>Celular:</td>
<td><input type="text" name="cel" size="30" /></td>
</tr>
<tr>
<td>Bairro:</td>
<td><input type="text" name="bairro" size="30" /></td>
</tr>
</table>
<br>
<table border=0 align="center">
<tr>
<td><input type=submit name="acao" value="Cadastrar"></td>
<td><INPUT TYPE="reset" NAME="limpar" VALUE="Limpar"></td>
<td><input type="button" value="voltar"></td>
</tr>
</table>
</html:form>
</body>
</html>
