Ir para conteúdo

POWERED BY:

Arquivado

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

Kyosuke

[Resolvido] Script para validar campos não funiciona

Por , em Javascript

Recommended Posts

Kyosuke    0

Kyosuke
Postado

Olá a todos do forum, gostaria de pedir uma ajudinha, sou bem iniciante em javascript e estou com uma dúvida. Tenho uma script que verifica os campos de um formulário, se este for igual a zero, ele retorna uma mensagem de erro. Sendo que não estou consiguindo botar ele pra funcionar, ai gostaria que dessem uma olhada pra ver onde está o erro por favor.

 

Segue o código da página:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CADASTRO DE CLIENTES COM BANCO DE DADOS E PHP</title>
<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-size: x-small;
}
.style3 {color: #0000FF; font-size: x-small; }
</style>
<script type="text/javascript">
function validaCampo()
{
if(document.cadastro.idieducar.value=="")
{
alert("O Campo ID Ieducar é obrigatório!");
return false;
}
else
if(document.cadastro.nome.value=="")
{
alert("O Campo Nome é obrigatório!");
return false;
}
else
if(document.cadastro.datadenascimento.value=="")
{
alert("O Campo Data de Nascimento é obrigatório!");
return false;
}
else
if(document.cadastro.nomedamae.value=="")
{
alert("O Campo Nome da Mãe é obrigatório!");
return false;
}
else
if(document.cadastro.endereco.value=="")
{
alert("O Campo Endereço é obrigatório!");
return false;
}
else
if(document.cadastro.bairro.value=="")
{
alert("O Campo Bairro é obrigatório!");
return false;
}
else
if(document.cadastro.cidade.value=="")
{
alert("O Campo Cidade é obrigatório!");
return false;
}
<!-- Fim do JavaScript que validará os campos obrigatórios! -->
</script>
</head>

<body>
<form id="cadastro" name="cadastro" method="post" action="cadastro.php" onsubmit="return validaCampo(); return false;">
  <table width="500" border="0">
    <tr>
      <td width="200">ID I-educar:</td>
      <td width="625"><input name="idieducar" type="text" id="idieducar" size="10" maxlength="5" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Nome:</td>
      <td><input name="nome" type="text" id="nome" size="56" maxlength="60" />
      <span class="style1">*</span></td>
    </tr>
    <tr>
      <td width="200">Data de Nascimento:</td>
      <td width="625"><input name="datadenascimento" type="text" id="datadenascimento" size="11" maxlength="10" />
        <span class="style1">*</span></td>
    </tr>
    <tr>
      <td>Nome da Mãe:</td>
      <td><input name="nomedamae" type="text" id="nomedamae" size="56" maxlength="60" />
      <span class="style1">*</span>
        </td>
    </tr>
    <tr>
      <td>Endereço:</td>
      <td><input name="endereco" type="text" id="endereco" size="56" maxlength="60" />
      <span class="style1">*</span>
        </td>
    </tr>
    <tr>
      <td>Bairro:</td>
      <td><input name="bairro" type="text" id="bairro" size="56" maxlength="60" />
      <span class="style1">*</span>
        </td>
    </tr>
    <tr>
      <td>Cidade:</td>
      <td><input name="cidade" type="text" id="cidade" size="56" maxlength="60" />
      <span class="style1">*</span>
        </td>
    </tr>
    <tr>
      <td>Escolha de Escola:</td>
      <td><select name="escolhadeescola" id="escolhadeescola">
        <option>Selecione...</option>
        <option value="AC" id="AC">AC</option>
        <option value="AL">AL</option>
        <option value="AP">AP</option>
        <option value="AM">AM</option>
        <option value="BA">BA</option>
        <option value="CE">CE</option>
        <option value="ES">ES</option>
        <option value="DF">DF</option>
        <option value="MA">MA</option>
        <option value="MT">MT</option>
        <option value="MS">MS</option>
        <option value="MG">MG</option>
        <option value="PA">PA</option>
        <option value="PB">PB</option>
        <option value="PR">PR</option>
        <option value="PE">PE</option>
        <option value="PI">PI</option>
        <option value="RJ">RJ</option>
        <option value="RN">RN</option>
        <option value="RS">RS</option>
        <option value="RO">RO</option>
        <option value="RR">RR</option>
        <option value="SC">SC</option>
        <option value="SP">SP</option>
        <option value="SE">SE</option>
        <option value="TO">TO</option>
        </select>

        <select name="escolhadeescola2" id="escolhadeescola2">
        <option>Selecione...</option>
        <option value="AC">AC</option>
        <option value="AL">AL</option>
        <option value="AP">AP</option>
        <option value="AM">AM</option>
        <option value="BA">BA</option>
        <option value="CE">CE</option>
        <option value="ES">ES</option>
        <option value="DF">DF</option>
        <option value="MA">MA</option>
        <option value="MT">MT</option>
        <option value="MS">MS</option>
        <option value="MG">MG</option>
        <option value="PA">PA</option>
        <option value="PB">PB</option>
        <option value="PR">PR</option>
        <option value="PE">PE</option>
        <option value="PI">PI</option>
        <option value="RJ">RJ</option>
        <option value="RN">RN</option>
        <option value="RS">RS</option>
        <option value="RO">RO</option>
        <option value="RR">RR</option>
        <option value="SC">SC</option>
        <option value="SP">SP</option>
        <option value="SE">SE</option>
        <option value="TO">TO</option>
        </select>

        <select name="escolhadeescola3" id="escolhadeescola3">
        <option>Selecione...</option>
        <option value="AC">AC</option>
        <option value="AL">AL</option>
        <option value="AP">AP</option>
        <option value="AM">AM</option>
        <option value="BA">BA</option>
        <option value="CE">CE</option>
        <option value="ES">ES</option>
        <option value="DF">DF</option>
        <option value="MA">MA</option>
        <option value="MT">MT</option>
        <option value="MS">MS</option>
        <option value="MG">MG</option>
        <option value="PA">PA</option>
        <option value="PB">PB</option>
        <option value="PR">PR</option>
        <option value="PE">PE</option>
        <option value="PI">PI</option>
        <option value="RJ">RJ</option>
        <option value="RN">RN</option>
        <option value="RS">RS</option>
        <option value="RO">RO</option>
        <option value="RR">RR</option>
        <option value="SC">SC</option>
        <option value="SP">SP</option>
        <option value="SE">SE</option>
        <option value="TO">TO</option>
        </select></td>
    </tr>
 <tr>
      <td colspan="2"><p>
        <input name="cadastrar" type="submit" id="cadastrar" value="Concluir minha Pré-matrícula!" /> 
        
          <input name="limpar" type="reset" id="limpar" value="Limpar Campos preenchidos!" />
          
          <span class="style1">* Campos com * são obrigatórios!          </span></p>
      <p>  </p></td>
    </tr>

   </table>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tá.. siga os passos:

 

-> retire os comentários HTML:

<!--
e 
<!-- Fim do Javascript que validará os campos obrigatórios! -->
feche as chaves da função validaCampos:

if(document.cadastro.cidade.value=="")
{
alert("O Campo Cidade é obrigatório!");
return false;
}
}
</script>
crie a seguinte função:

<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
agora use ela em todos os campos:

if( id('idieducar').value=="" )
	{
		alert("O Campo ID Ieducar é obrigatório!");
		return false;
	}
ficando:

id('idieducar').value==""
em vez de:
document.cadastro.idieducar.value==""

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