Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Fala pessoal , queria fazer com que o meu form , quando estiver vazio o campo , mostre embaixo do campo nome , e que fique em vermelho o campo , tenho um so de checagem , mas não tenho ideia de como se faz isso , alguem poderia me ajudar ?
<?php
include_once("valida_session.php");
?>
<style type="text/css">
#campo {
font: "Times New Roman", Times, serif;
font-size:14px;
color:#666;
text-decoration:underline;
font-weight:bold;
}
#erro {
color:red;
font-size:16px;
text-align:center;
font-weight:bold;
}
#ob {
color:red;
text-align:left;
font-size:10px;
}
#campo2 {
text-align:left;
color:#666;
font-size:14px;
}
</style>
<html>
<head>
<title>Cadastro</title>
<script type="text/javascript" language="javascript">
function campo_vazio(){
if (document.form1.nome.value == ""){
alert("Campo nome em branco!");
document.form1.nome.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<table width="200" border="0">
<tr>
<td colspan="4" align="center"><img src="imgs/banner-logo-gps.jpg" /></td>
</tr>
<tr>
<td colspan="4" align="center"><img src="imgs/BANNER-24-RODAPE.jpg" /></td>
</tr>
<tr>
<td width="250" valign="top"><?php
include("menu.php");
?></td>
<td colspan="2"><table border="0">
<tr>
<td colspan="2">
<?php
$erro = $_GET["erro"];
if ($erro == 0) {
}
elseif ($erro == 1) {
echo "<div id='erro'>Contém algum campo obrigatório em branco ! </div>";
}
?>
</td>
<tr>
<td colspan="2" valign="top"><!-- a senha seá o cnpj -->
<form action="verifica_cadastro.php" method="post" name="form1" onSubmit="return campo_vazio();">
<table width="200" border="0" align="center">
<tr>
<td><div id="campo">Nome:</div></td>
<td><input name="nome" type="text" size="25" maxlength="50"/><span id="ob"> *</span></td>
</tr>
<tr>
<td><div id="campo">E-mail: </div></td>
<td><input name="email" type="text" size="25" maxlength="40"/></td>
</tr>
<tr>
<td><div id="campo">Telefone: </div></td>
<td><input name="telefone" type="text" size="10" maxlength="10"/><span id="ob"> *</span></td>
</tr>
<tr>
<td><div id="campo">CNPJ: </div></td>
<td><input name="cnpj" type="text" size="15" maxlength="25"/><span id="ob"> *</span></td>
</tr>
<tr>
<td><div id="campo">Empresa: </div></td>
<td><input name="empresa" type="text" size="25" maxlength="40"/></td>
</tr>
<tr>
<td><div id="campo">Seguimento: </div></td>
<td><input name="seguimento" type="text" size="15" maxlength="35"/></td>
</tr>
<tr>
<td><div id="campo">Endereço: </div></td>
<td><input name="endereco" type="text" size="25" maxlength="40"/></td>
</tr>
<tr>
<td><div id="campo">Cidade: </div></td>
<td><input name="cidade" type="text" size="15" maxlength="30"/></td>
</tr>
<tr>
<td><div id="campo">UF: </div></td>
<td><input name="uf" type="text" size="2" maxlength="2"/></td>
</tr>
<tr>
<td><div id="campo">Fone: </div></td>
<td><input name="fone_empresa" type="text" size="10" maxlength="10"/><span id="ob"> *</span></td>
</tr>
<tr>
<td><div id="campo">Web-Site: </div></td>
<td><input name="site" type="text" size="15" maxlength="40"/></td>
</tr>
<tr>
<td><div id="campo">Inscrição Estadual: </div></td>
<td><input name="estadual" type="text" size="15" maxlength="25"/></td>
</tr>
<tr>
<td><div id="campo">Resp. pelo Cadastro: </div></td>
<td><input name="responsavel" type="text" size="15" maxlength="40"/></td>
</tr>
<tr>
<td><div id="campo">Deptº: </div></td>
<td><input name="dept" type="text" size="15" maxlength="36"/></td>
</tr>
<tr>
<td><div id="campo">Fone: </div></td>
<td><input name="fone_resp" type="text" size="10" maxlength="10"/></td>
</tr>
<tr>
<td><div id="campo">E-mail: </div></td>
<td><input name="email_resp" type="text" size="15" maxlength="40"/><span id="ob"> *</span></td>
</tr>
<tr>
<td><div id="campo">Comentários: </div></td>
<td><textarea name="comentario" cols="30" rows="5"></textarea></td>
</tr>
<tr>
<td colspan="2"><center>
</div>
<input type="submit" value=" Cadastrar "/>
<input type="reset" value=" Limpar "/>
</center></td>
</tr>
<tr>
<td colspan="2">
<br><br><br>
<span id="ob">*</span><span id="campo2"> Campo Obrigatório</span></td>
</tr>
</tr>
</table>
</form>
</table>
<tr>
<td colspan="4"><img src="imgs/rodape.jpg" /></td>
</tr>
</table>
</body>
</html>Carregando comentários...