codigo para valicar não funciona

[lefestaf 0]

galera eu fiz um codigo para validar um formulario de cadastro!

segue o codigo!

 

function valida() {var campo = new array();var campo[1] = document.getElementById(nome);var campo[2] = document.getElementById(rg);var campo[3] = document.getElementById(cpf);var campo[3] = document.getElementById(email1);var campo[4] = document.getElementById(tel1);var campo[5] = document.getElementById(cel);var campo[6] = document.getElementById(end);var campo[7] = document.getElementById(numero);var campo[8] = document.getElementById(cep);var campo[9] = document.getElementById(cidade);for(i = 0; i < 9; i++){if (campo[i].value == "") {	alert("Favor preencher todos os campos vermelhos");	document.campo[i].style.background = "#ff0000";	document.campo[i].focus();	return false;}else{document.cge.submit();}}}

e no form eu coloco assim:

<input type='submit' value='cadastrar'  class='botao' name='b_cadastrar' id='b_cadastrar' onclick="valida()"/>

ele nao valida, mas os dados sçao gravados no bd!!

 

alguem sabe porq?

[Tiago Cardoso 1]

porque não colocou a chamada da função no form? assim:

 

<form action="" method="POST" onSubmit="return valida();">

fazendo isso creio eu que resolve...

[lefestaf 0]

porque não colocou a chamada da função no form? assim:

<form action="" method="POST" onSubmit="return valida();">

fazendo isso creio eu que resolve...

continua ñ funcionando, e ainda por cima esta bloqueando os outros javascripts da pagina!!!

[Tiago Cardoso 1]

como que ficou seu html?

[danielbueno 0]

Eae,Você não colocou um 'l' a mais no nome do campo 'emaill' e no 'tell' ????

[lefestaf 0]

ta ai toda a parte de cadastro!!!!

 

<h2 class='titulo'>Cadastro de Cliente Geral</h2><form action="?action=cad_geral2" method="post" name="cge" id="cge" onSubmit="return valida();">	<div class="LeftCont">		<h3>Dados Pessoais</h3>			<fieldset>		  <legend>Dados Pessoais</legend>			<label>Nome Responsável			<input type="text" name="nome" id="nome" size="25" maxlength="50" class="field" /></label>			<span>Tipo</span>			<select name="tipo" id="tipo" size="1" class="field">				<option>Cliente</option>				<option>Fornecedor</option>				<option>Vendedor</option>				<option>Revendedor</option>				<option>Prospect</option>			</select>			<label>RG			<input type="text" name="rg" id="rg" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '99.999.999-99', event);" class="field" /></label>			<label>CPF			<input type="text" name="cpf" id="cpf" size="14" maxlength="14" onkeypress="return txtBoxFormat(this, '999.999.999-99', event);" class="field" /></label>						<span title="PESSOA JURIDICA" id="selectpj" onclick="hide('pj','pfpj','pj')" class="tipo_cad">Pessoa Jurídica</span>			<input type="hidden" id="pfpj" name="pfpj">					</fieldset>				<fieldset id="pj">		  <legend>Dados Pessoa Juridica</legend>			<label>Razão Social			<input type="text" name="razaosocial" size="25" maxlength="50" class="field" /></label>			<label>CNPJ			<input type="text" name="cnpj" size="18" maxlength="18" onkeypress="return txtBoxFormat(this, '99.999.999/9999-99', event);" class="field" /></label>			<label>Inscrição Estadual			<input type="text" name="ie" size="14" maxlength="15" class="field" /></label>		</fieldset>				</div>		<div class="RightCont">		<h3>Dados de Endereço</h3>				<fieldset>		  <legend>Dados de Endereço</legend>			  <span class="span"><select name="logradouro" id="logradouro">				<option>R.: </option>				<option>Av.: </option>				<option>Al.: </option>				<option>Pr.: </option>			</select>			<input type="text" name="end" id="end" size="23" maxlength="60" class="field" /></span>			<label>Número			<input type="text" name="numero" id="numero" size="6" maxlength="6" class="field" /></label>			<label>Complemento			<input type="text" name="complemento" size="14" maxlength="14" class="field" /></label>			<label>CEP			<input type="text" name="cep" id="cep" size="9" maxlength="9" onkeypress="return txtBoxFormat(this, '99999-999', event);" class="field" /></label>			<label>Cidade			<input type="text" name="cidade" id="cidade" size="22" maxlength="60" class="field" /></label>			<label>Estado			<select align="left" name="estado" id="estado" size="1" class="field" id="estado">					<?php					$sql = "SELECT * FROM estados";					$sql = $bd->Exe($sql);					while($ret = mysql_fetch_assoc($sql)) {						echo '<option>'.$ret['Estados'].'</option>';						}				?>			</select>			</label>						<label>Tipo de Endereço			<select name="tipoend" size="1" class="field">				<option>Correpondencia</option>				<option>Cobrança</option>				<option>Entrega</option>				<option>Faturamento</option>				<option>Indiferente</option>			</select>			</label>		</fieldset>	</div>				<div class="BottomCont">		<h3>Contatos</h3>					<fieldset>			  <legend>Dados Contato</legend>			<label>Telefone <span onclick="hide2('tel')" class="tipo_cad">[+]</span>			<input type="text" name="tel1" id="tel1" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /></label>			<label id="tel">Tel. Sec.<input type="text" name="tel2" id="tel2" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" />			</label> 	   		<label>Fax <span onclick="hide2('fax')" class="tipo_cad">[+]</span> 	   		<input type="text" name="fax1" id="fax1" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /></label> 	   		<label id="fax">Fax Sec.<input type="text" name="fax2" id="fax2" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /> 	   		</label> 	   		<label>Email <span onclick="hide2('email')" class="tipo_cad">[+]</span> 	   		<input type="text" name="email1" id="email1" size="25" maxlength="50" class="field" /></label> 	   		<label id="email">Email Sec.<input type="text" name="email2" size="25" maxlength="50" class="field"/> 	   		</label>			<label>Celular			<input type="text" name="cel" id="cel" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /></label>			<label>Site			<input type="text" name="site" size="30" maxlength="100" class="field" /></label>		</fieldset>					<fieldset>		  <legend>Observaçõs</legend>		  <label><span onclick="hide2('obs')" class="tipo_cad">Incluir Observação </span>		  <textarea id="obs" name="obs" rows="5" cols="60" class="field"></textarea></label>		  </fieldset>	</div>			<div id="OptCge">			<label></label>			<input type='submit' value='cadastrar' onmouseover="font('b_cadastrar')" onmouseout="font('b_cadastrar')" class='botao' name='b_cadastrar' id='b_cadastrar' onclick="valida()"/>			<input type='reset' value='limpar' onmouseover="font('b_limpar')" onmouseout="font('b_limpar')" class='botao' name='b_limpar' id='b_limpar' />		</div>	</form>

[Tiago Cardoso 1]

coloque aspas na hora em todos e vê se funciona...

 

var campo[1] = document.getElementById('nome');var campo[2] = document.getElementById('rg');var campo[3] = document.getElementById('cpf');var campo[3] = document.getElementById('email1');var campo[4] = document.getElementById('tel1');var campo[5] = document.getElementById('cel');var campo[6] = document.getElementById('end');var campo[7] = document.getElementById('numero');var campo[8] = document.getElementById('cep');var campo[9] = document.getElementById('cidade');

[lefestaf 0]

coloque aspas na hora em todos e vê se funciona...

var campo[1] = document.getElementById('nome');var campo[2] = document.getElementById('rg');var campo[3] = document.getElementById('cpf');var campo[3] = document.getElementById('email1');var campo[4] = document.getElementById('tel1');var campo[5] = document.getElementById('cel');var campo[6] = document.getElementById('end');var campo[7] = document.getElementById('numero');var campo[8] = document.getElementById('cep');var campo[9] = document.getElementById('cidade');

continua ñ funcionando!!!!

[Tiago Cardoso 1]

agora vai...

 

Você estava redeclarando a Array, quando dava var campo[0] e depois var campo[1]... é só uma vez necessário a declaração.

 

function valida() {	var campo = new Array();	campo[0] = document.getElementById('nome');	campo[1] = document.getElementById('rg');	campo[1] = document.getElementById('cpf');	campo[2] = document.getElementById('email1');	campo[3] = document.getElementById('tel1');	campo[4] = document.getElementById('cel');	campo[5] = document.getElementById('end');	campo[6] = document.getElementById('numero');	campo[7] = document.getElementById('cep');	campo[8] = document.getElementById('cidade');	for(var i = 0; i < 9; i++)	{			if (campo[i].value == "") 		{			alert("Favor preencher todos os campos vermelhos");			campo[i].style.background = "#ff0000";			campo[i].focus();			return false;		}	}}

e não se esqueça de retirar o evento do botão submit:

 

disso:

 

<input type='submit' value='cadastrar' onmouseover="font('b_cadastrar')" onmouseout="font('b_cadastrar')" class='botao' name='b_cadastrar' id='b_cadastrar' onclick="valida()"/>

para isso:

 

<input type='submit' value='cadastrar' onmouseover="font('b_cadastrar')" onmouseout="font('b_cadastrar')" class='botao' name='b_cadastrar' id='b_cadastrar'/>

[lefestaf 0]

valeu mas...continua ñ dando certo!!!! :huh:

[Tiago Cardoso 1]

caramba meu, eu acabei de testar e funcionou...

Toma o código...

 

<html><head><script language="JavaScript">function valida() {	var campo = new Array();	campo[0] = document.getElementById('nome');	campo[1] = document.getElementById('rg');	campo[1] = document.getElementById('cpf');	campo[2] = document.getElementById('email1');	campo[3] = document.getElementById('tel1');	campo[4] = document.getElementById('cel');	campo[5] = document.getElementById('end');	campo[6] = document.getElementById('numero');	campo[7] = document.getElementById('cep');	campo[8] = document.getElementById('cidade');	for(var i = 0; i < 9; i++)	{			if (campo[i].value == "") 		{			alert("Favor preencher todos os campos vermelhos");			campo[i].style.background = "#ff0000";			campo[i].focus();			return false;		}	}}</script></head><body><h2 class='titulo'>Cadastro de Cliente Geral</h2><form action="?action=cad_geral2" method="post" name="cge" id="cge" onSubmit="return valida();">	<div class="LeftCont">		<h3>Dados Pessoais</h3>			<fieldset>		  <legend>Dados Pessoais</legend>			<label>Nome Responsável			<input type="text" name="nome" id="nome" size="25" maxlength="50" class="field" /></label>			<span>Tipo</span>			<select name="tipo" id="tipo" size="1" class="field">				<option>Cliente</option>				<option>Fornecedor</option>				<option>Vendedor</option>				<option>Revendedor</option>				<option>Prospect</option>			</select>			<label>RG			<input type="text" name="rg" id="rg" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '99.999.999-99', event);" class="field" /></label>			<label>CPF			<input type="text" name="cpf" id="cpf" size="14" maxlength="14" onkeypress="return txtBoxFormat(this, '999.999.999-99', event);" class="field" /></label>						<span title="PESSOA JURIDICA" id="selectpj" onclick="hide('pj','pfpj','pj')" class="tipo_cad">Pessoa Jurídica</span>			<input type="hidden" id="pfpj" name="pfpj">					</fieldset>				<fieldset id="pj">		  <legend>Dados Pessoa Juridica</legend>			<label>Razão Social			<input type="text" name="razaosocial" size="25" maxlength="50" class="field" /></label>			<label>CNPJ			<input type="text" name="cnpj" size="18" maxlength="18" onkeypress="return txtBoxFormat(this, '99.999.999/9999-99', event);" class="field" /></label>			<label>Inscrição Estadual			<input type="text" name="ie" size="14" maxlength="15" class="field" /></label>		</fieldset>				</div>		<div class="RightCont">		<h3>Dados de Endereço</h3>				<fieldset>		  <legend>Dados de Endereço</legend>			  <span class="span"><select name="logradouro" id="logradouro">				<option>R.: </option>				<option>Av.: </option>				<option>Al.: </option>				<option>Pr.: </option>			</select>			<input type="text" name="end" id="end" size="23" maxlength="60" class="field" /></span>			<label>Número			<input type="text" name="numero" id="numero" size="6" maxlength="6" class="field" /></label>			<label>Complemento			<input type="text" name="complemento" size="14" maxlength="14" class="field" /></label>			<label>CEP			<input type="text" name="cep" id="cep" size="9" maxlength="9" onkeypress="return txtBoxFormat(this, '99999-999', event);" class="field" /></label>			<label>Cidade			<input type="text" name="cidade" id="cidade" size="22" maxlength="60" class="field" /></label>			<label>Estado			<select align="left" name="estado" id="estado" size="1" class="field" id="estado">					<?php					$sql = "SELECT * FROM estados";					$sql = $bd->Exe($sql);					while($ret = mysql_fetch_assoc($sql)) {						echo '<option>'.$ret['Estados'].'</option>';						}				?>			</select>			</label>						<label>Tipo de Endereço			<select name="tipoend" size="1" class="field">				<option>Correpondencia</option>				<option>Cobrança</option>				<option>Entrega</option>				<option>Faturamento</option>				<option>Indiferente</option>			</select>			</label>		</fieldset>	</div>				<div class="BottomCont">		<h3>Contatos</h3>					<fieldset>			  <legend>Dados Contato</legend>			<label>Telefone <span onclick="hide2('tel')" class="tipo_cad">[+]</span>			<input type="text" name="tel1" id="tel1" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /></label>			<label id="tel">Tel. Sec.<input type="text" name="tel2" id="tel2" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" />			</label>			   <label>Fax <span onclick="hide2('fax')" class="tipo_cad">[+]</span>			   <input type="text" name="fax1" id="fax1" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /></label>			   <label id="fax">Fax Sec.<input type="text" name="fax2" id="fax2" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" />			   </label>			   <label>Email <span onclick="hide2('email')" class="tipo_cad">[+]</span>			   <input type="text" name="email1" id="email1" size="25" maxlength="50" class="field" /></label>			   <label id="email">Email Sec.<input type="text" name="email2" size="25" maxlength="50" class="field"/>			   </label>			<label>Celular			<input type="text" name="cel" id="cel" size="13" maxlength="13" onkeypress="return txtBoxFormat(this, '(99)9999-9999', event);" class="field" /></label>			<label>Site			<input type="text" name="site" size="30" maxlength="100" class="field" /></label>		</fieldset>					<fieldset>		  <legend>Observaçõs</legend>		  <label><span onclick="hide2('obs')" class="tipo_cad">Incluir Observação </span>		  <textarea id="obs" name="obs" rows="5" cols="60" class="field"></textarea></label>		  </fieldset>	</div>			<div id="OptCge">			<label></label>			<input type='submit' value='cadastrar' onmouseover="font('b_cadastrar')" onmouseout="font('b_cadastrar')" class='botao' name='b_cadastrar' id='b_cadastrar'/>			<input type='reset' value='limpar' onmouseover="font('b_limpar')" onmouseout="font('b_limpar')" class='botao' name='b_limpar' id='b_limpar' />		</div>	</form></body></html>

cara preste um pouco mais de atenção, ok?

[lefestaf 0]

aeeee agora sim!! foi malz!! mas eu to quebrando a cabeca pakas com isso!!e mais uma coisa, como faco para os outros campos q tbem precisam ser preenchidos ficarem vermelhos, e ñ somente o primeiro que ele achar!!

[Tiago Cardoso 1]

assim:

 

function valida() {	var campo = new Array();	campo[0] = document.getElementById('nome');	campo[1] = document.getElementById('rg');	campo[1] = document.getElementById('cpf');	campo[2] = document.getElementById('email1');	campo[3] = document.getElementById('tel1');	campo[4] = document.getElementById('cel');	campo[5] = document.getElementById('end');	campo[6] = document.getElementById('numero');	campo[7] = document.getElementById('cep');	campo[8] = document.getElementById('cidade');	for(var i = 0; i < 9; i++)	{			if (campo[i].value == "") 		{  			campo[i].style.background = "#ff0000";			campo[i].focus();			}		else		{			return true;		}	}	alert("Favor preencher todos os campos em vermelho");	return false;}

[Grendel 0]

Mto bom esse script! ^^E se eu quiser fzr com que os campos que estavam em vermelho e já foram preenchidos, voltem a cor padrão, como posso fzr?E outra pergunta, é possível mudar a cor dos labels dos campos, ao invé dos campos?É isso ae, abraço!

[Tiago Cardoso 1]

você diz pintar a borda dos que forem preenchidos, ou seja, um campo não foi preenchido e ficou com a borda vermelha e depois ele preencheu e você quer pintar a borda de outra cor ou não ter mais borda?

[Grendel 0]

Não, não seria a borda, seria o label mesmo, por ex., campo nome não foi preenchido, então a o label, a palavra "nome" mesmo, fica vermelha, entendeu a idéia? É mto complicado fzr isso? Eu nem tenho idéia de como começar..E qnto ao 1º item q descrevi ali em cima, de voltar a cor padrão se o usuário preencher, já fiz várias tentativas, mas não tive sucesso.. o script simplesmente para de funcionar.. sei lá, aparentemente está ok.. mas enfim, sei bem pouquinho de javascript rs..Valeu ae, abraço!

[Tiago Cardoso 1]

vamos lá, então:

 

function valida() {	var campo = new Array();	campo[0] = document.getElementById('nome');	campo[1] = document.getElementById('rg');	campo[1] = document.getElementById('cpf');	campo[2] = document.getElementById('email1');	campo[3] = document.getElementById('tel1');	campo[4] = document.getElementById('cel');	campo[5] = document.getElementById('end');	campo[6] = document.getElementById('numero');	campo[7] = document.getElementById('cep');	campo[8] = document.getElementById('cidade');	var label = "l"; //coloque em todos seu labels "l" + o id do campo que ele pertence	for(var i = 0; i < 9; i++)	{			if (campo[i].value == "") 		{  			if(label+campo[i].style.color == "#ff0000")			{				 label+campo[i].style.color = "#000";			}			else			{				 label+campo[i].style.color = "#ff0000";				 campo[i].focus(); 			}   		}		else		{			return true;		}	}	alert("Favor preencher todos os campos em vermelho");	return false;}

vê se resolve!!!!

[Grendel 0]

Não entendi mto bem essa parte:

//coloque em todos seu labels "l" + o id do campo que ele pertence

l + id do campo entra como id do label ou o q? :unsure:

[Tiago Cardoso 1]

não cara isso é só umas explicação para o que fiz depois, veja:

 

if(label+campo[i].style.color == "#ff0000"){label+campo[i].style.color = "#000";}else{label+campo[i].style.color = "#ff0000";campo[i].focus(); }

entendeu? o que postei funcionou???

[Grendel 0]

funcionou não