Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gremio10

Como mostrar o campo vazio no form

Por , em Javascript

Recommended Posts

gremio10    14

gremio10
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

gremio10    14

gremio10
Postado

Não entendi muito bem sua duvida.

 

você quer apenas que o campo que estiver vazio fique em vermelho?

 

 

Bom isso , eu jah consegui resolver , so queria uma ajuda de vocês , para formatar os campos , tipo o do cnpj sabe ?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito