validar checkbox no formulário

quinhosp · Abril 21, 2009

Bom dia gostaria, de uma ajuda com o formulário....

Criei um formulário, mas não estou conseguindo validar o checkbox (Li e aceito). Alguém poderia me ajudar..

<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Validação de Formulário</title>
<style type="text/css">
<!--
.style1 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}
-->
</style>

&lt;script language="javascript" type="text/javascript">
<!--
    function validar()
    {
        var nome = form1.nome.value;
        var endereco = form1.endereco.value;
        var bairro = form1.bairro.value;
        var cidade = form1.cidade.value;
        var cep = form1.cep.value;
        var estado = form1.estado.value;
        var telefone = form1.telefone.value;
        var celular = form1.celular.value;
        var email = form1.email.value;
        
        if (nome == "")
        {
            alert('Preencha o campo com seu nome completo');
            form1.nome.focus();
            return false;
        }
        if (endereco == "")
        {
            alert('Preencha o campo com o endereço completo');
            form1.endereco.focus();
            return false;
        }
        if (bairro == "")
        {
            alert('Preencha o campo com o nome do bairro');
            form1.bairro.focus();
            return false;
        }
        if (cidade == "")
        {
            alert('Preencha o campo com o nome da cidade');
            form1.cidade.focus();
            return false;
        }
        if (cep == "")
        {
            alert('Preencha o campo CEP');
            form1.cep.focus();
            return false;
        }
        
        if(isNaN(cep))
        {
            alert("O campo CEP deve conter apenas números");
            form1.cep.focus();
            return false;
        }
        
        if (estado == "")
        {
            alert('Selecione um estado');
            form1.estado.focus();
            return false;
        }
        if (telefone == "")
        {
            alert('Preencha o campo com o número do telefone');
            form1.telefone.focus();
            return false;
        }
        
        if(isNaN(telefone))
        {
            alert("O campo Telefone deve conter apenas números");
            form1.telefone.focus();
            return false;
        }
        
        if (celular == "")
        {
            alert('Preencha o campo com o número do celular');
            form1.celular.focus();
            return false;
        }
        
        if(isNaN(celular))
        {
            alert("O campo Celular deve conter apenas números");
            form1.celular.focus();
            return false;
        }
        
        if (email == "")
        {
            alert('Preencha o campo com o email');
            form1.email.focus();
            return false;
        }
        
        parte1 = email.indexOf("@");
        parte2 = email.indexOf(".");
        parte3 = email.length;
        if(!(parte1 >= 3 && parte2 >= 6 && parte3>=9))
        {
            alert("O campo email deverá ser um endereço eletrônico");
            form1.email.focus();
            return false;
        }
         
        if (!aceitar.checked == true)
            {
                alert('Assinale a caixa "Li e Aceito", se você aceitar os termos do contrato');
                form1.aceitar.focus();
                return false;
            }
        else
        {
            return true;
        }
            
        
    }
-->
</script>
</head>

<body>

<form  name="form1" action="enviar.php" method="post" >
  <label></label><p>&nbsp;</p>
  <p align="center" class="style1">Valida&ccedil;&atilde;o de Formul&aacute;rio </p>
  <table width="490" height="331" border="0" align="center">
    <tr>
      <td><label>Nome:
          <input type="text" name="nome" size="64" />
      </label>
        <p>
          <label>Endere&ccedil;o:
            <input type="text" name="endereco"  size="61"/>
          </label>
        </p>
        <p>
          <label>Bairro:
            <input type="text" name="bairro" />
          </label>
          <label>Cidade:
            <input type="text" name="cidade" size="30" />
          </label>
        </p>
        <p>
          <label>CEP:
            <input type="text" name="cep" maxlength="8" size="10" />
          </label>
          &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;   &nbsp;  &nbsp;
          <label>Estado:
            <select name="estado">
            <option>Selecione</option>
            <option value="S&atilde;o Paulo">SP</option>  
            <option value="Rio de Janeiro">RJ</option>
          </select>
          </label>
        </p>
        <p>
          <label>Telefone:
            <input type="text" name="telefone" />
          </label>
          <label>Celular:
            <input type="text" name="celular" />
          </label>
        </p>
        <p>
          <label>E-mail:
            <input type="text" name="email" size="40" />
          </label>
        </p>
        <p>
          <label>
            <input type="checkbox" name="aceitar" id="aceitar" value="" />
          Li e Aceito
          </label>
        </p>
        <p>
          <label>
          <input type="submit" name="Submit" value="Enviar" onclick="return validar()"/>
          </label>
        </p>
      <p align="center">&nbsp;                </p></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>
</body>
</html>

Editado Julho 20, 2009 por Jonathan Queiroz
Adcionar tag's (Jonathan)

quinhosp · Abril 21, 2009

Já consegui resolver, pra que precisar de um este funciona.

Edit:

Valeu!!!

<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Validação de Formulário</title>
<style type="text/css">
<!--
.style1 {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
-->
</style>

<script language="javascript" type="text/javascript">
<!--
	function validar()
	{
		var nome = form1.nome.value;
		var endereco = form1.endereco.value;
		var bairro = form1.bairro.value;
		var cidade = form1.cidade.value;
		var cep = form1.cep.value;
		var estado = form1.estado.value;
		var telefone = form1.telefone.value;
		var celular = form1.celular.value;
		var email = form1.email.value;

		if (nome == "")
		{
			alert('Preencha o campo com seu nome completo');
			form1.nome.focus();
			return false;
		}
		if (endereco == "")
		{
			alert('Preencha o campo com o endereço completo');
			form1.endereco.focus();
			return false;
		}
		if (bairro == "")
		{
			alert('Preencha o campo com o nome do bairro');
			form1.bairro.focus();
			return false;
		}
		if (cidade == "")
		{
			alert('Preencha o campo com o nome da cidade');
			form1.cidade.focus();
			return false;
		}
		if (cep == "")
		{
			alert('Preencha o campo CEP');
			form1.cep.focus();
			return false;
		}

		if(isNaN(cep))
		{
			alert("O campo CEP deve conter apenas números");
			form1.cep.focus();
			return false;
		}

		if (estado == "")
		{
			alert('Selecione um estado');
			form1.estado.focus();
			return false;
		}
		if (telefone == "")
		{
			alert('Preencha o campo com o número do telefone');
			form1.telefone.focus();
			return false;
		}

		if(isNaN(telefone))
		{
			alert("O campo Telefone deve conter apenas números");
			form1.telefone.focus();
			return false;
		}

		if (celular == "")
		{
			alert('Preencha o campo com o número do celular');
			form1.celular.focus();
			return false;
		}

		if(isNaN(celular))
		{
			alert("O campo Celular deve conter apenas números");
			form1.celular.focus();
			return false;
		}

		if (email == "")
		{
			alert('Preencha o campo com o email');
			form1.email.focus();
			return false;
		}

		parte1 = email.indexOf("@");
		parte2 = email.indexOf(".");
		parte3 = email.length;
		if(!(parte1 >= 3 && parte2 >= 6 && parte3>=9))
		{
			alert("O campo email deverá ser um endereço eletrônico");
			form1.email.focus();
			return false;
		}


		 if (document.form1.aceitar.checked == true) 
		 {
		 	 	return true;  
   		  } 
		 else 
		 {
		 	 alert ("Assinale 'Li e aceito', para continuar!");
			 return false; 
		 }


	}
-->
</script>
</head>

<body>

<form  name="form1" action="enviar.php" method="post" >
  <label></label><p>&nbsp;</p>
  <p align="center" class="style1">Valida&ccedil;&atilde;o de Formul&aacute;rio </p>
  <table width="490" height="331" border="0" align="center">
    <tr>
      <td><label>Nome:
          <input type="text" name="nome" size="64" />
      </label>
        <p>
          <label>Endere&ccedil;o:
            <input type="text" name="endereco"  size="61"/>
          </label>
        </p>
        <p>
          <label>Bairro:
            <input type="text" name="bairro" />
          </label>
          <label>Cidade:
            <input type="text" name="cidade" size="30" />
          </label>
        </p>
        <p>
          <label>CEP:
            <input type="text" name="cep" maxlength="8" size="10" />
          </label>
		  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;   &nbsp;  &nbsp;
          <label>Estado:
            <select name="estado">
            <option>Selecione</option>
            <option value="S&atilde;o Paulo">SP</option>  
            <option value="Rio de Janeiro">RJ</option>
          </select>
          </label>
        </p>
        <p>
          <label>Telefone:
            <input type="text" name="telefone" />
          </label>
          <label>Celular:
            <input type="text" name="celular" />
          </label>
        </p>
        <p>
          <label>E-mail:
            <input type="text" name="email" size="40" />
          </label>
        </p>
        <p>
          <label>
            <input type="checkbox" name="aceitar" value="1" />
          Li e Aceito
          </label>
        </p>
        <p>
          <label>
          <input type="submit" name="Submit" value="Enviar" onclick="return validar()"/>
          </label>
        </p>
      <p align="center">&nbsp;                </p></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>
</body>
</html>

Entrar

validar checkbox no formulário

Pergunta

quinhosp

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

quinhosp

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades