Código não funciona

sylar_head · Dezembro 1, 2009

Olá pessoal do imasters, estou com um problema em relação ao meu primeiro código em javascript, sou iniciante na linguagem, queria que vocês que já são experientes em javascript me ajudassem nesse código. O que estou tentando fazer é validar um formulário, não permitindo que certos campos fiquem em branco e que alguns tenham no mínimo 5 carateres...

codigo do arquivo "FormVal.js"

DadosOk = true

function Validar() {

  DadosOk = false

  DataAtual = new Date()

  MesAtual = DataAtual.getMonth() + 1

  AnoAtual = DataAtual.getYear() + 1900
  
  
  
  Nome = document.TstFocus.nomecompleto.value
  
  Dia = parseInt(document.TstFocus.DiasNasc.value)
 	
  Mes = parseInt(document.TstFocus.MesNasc.value)

  Ano = parseInt(document.TstFocus.AnoNasc.value)
  
  Email = document.TstFocus.Email.value
  
  Cidade = document.TstFocus.Cidade.value
  
  Login = document.TstFocus.login.value
  
  Senha = document.TstFocus.Pws.value
  
  Interesses = document.TstFocus.InterRatio.value
  
  CaracteresLogin = Login.length
  
  CaracteresNome = Nome.length
  
  CaracteresSenha = Senha.length
//

  if (Ano < 1900)

     {Ano = Ano + 1900 }

  if (CaracteresNome == 0 || CaracteresNome < 10)

    { alert ("Precisamos saber o seu nome, por favor preencha o campo corretamente")

      document.TstFocus.Nome.focus()

      return }

  if (Mes < 1 || Mes > 12)

{ alert ("O Mês informado não é válido, informe corretamente")       
      
	  document.TstFocus.Mes.focus()

      document.TstFocus.Mes.select()

      return }

  if (Ano == AnoAtual && Mes > MesAtual)

    { alert ("Você não pode ter nascido nessa data")

      document.TstFocus.Mes.focus()

      document.TstFocus.Mes.select()

      return }

  if (Ano == AnoAtual || Ano > AnoAtual)

    { alert ("O Ano de nascimento informado não é válido, informe corretamente")      
	

      return }

if (Email == ""){
	
	alert ("Nós precisamos do seu email para entrarmos em contato, por favor, preencha o campo")
	document.TstFocus.Email.focus()

      document.TstFocus.Email.select()
	  
	  return
	}
	
	if (Cidade == ""){ 
	alert ("Informe a sua cidade por favor")
	document.TstFocus.Cidade.focus()
	document.TstFocus.Cidade.select()
	return
	}
	
	if (CaracteresLogin == 0 || CaracteresLogin < 5){
		alert ("O seu login precisa ter pelo menos 5 caracteres")
		
		document.TstFocus.Login.focus()
		document.TstFocus.Login.select()
		
		return
		}
		if (CaracteresSenha == 0 || CaracteresSenha < 5)
		
		{alert ("A senha deve ter no minimo 5 carateres")
		
		document.TstFocus.Pws.focus()
		document.TstFocus.Pws.select()
		}

  DadosOk = true

}

e código do arquivo do formulário de cadastro

<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<!--#include file="topo.asp"-->
<body onload="document.TstFocus.nomecompleto.focus()">
<script src="FormVal.js"></script>
<form id="TstFocus" name="TstFocus" method="post" action="">
  <blockquote>
    <blockquote>
      <blockquote>
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <p>Cadastro de usuário
                </p>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </blockquote>
      <table width="446" border="0">
        <tr>
          <td width="140" align="right"> Nome completo:</td>
          <td width="189"><input type="text" name="nomecompleto" id="nomecompleto" /></td>
        </tr>
        <tr>
          <td align="right">Data de Nascimento: </td>
          <td><label>
<input name="DiaNasc" type="text" id="DiaNasc" size="3" maxlength="2" />
/ 
<input name="MesNasc" type="text" id="MesNasc" size="3" maxlength="2" />
/
<input name="AnoNasc" type="text" id="AnoNasc" size="4" maxlength="4" />
(ex: 01/02/2009)</label></td>
        </tr>
        <tr>
          <td align="right">Sexo:</td>
          <td><p>
            <label>
              <input type="radio" name="sexo" value="Masculino" id="M" />
              Masculino</label>
           
            <label>
              <input type="radio" name="sexo" value="Feminino" id="F" />
              Feminino</label>
            <br />
          </p></td>
        </tr>
        <tr>
          <td align="right">Cidade:</td>
          <td><label>
            <input type="text" name="Cidade" id="Cidade" />
          </label></td>
        </tr>
        <tr>
          <td align="right">Email:</td>
          <td><label>
            <input type="text" name="Email" id="Email" />
          </label></td>
        </tr>
        <tr>
          <td align="right">Nome de usuário</td>
          <td><label>
            <input type="text" name="login" id="login" />
          </label></td>
        </tr>
        <tr>
          <td align="right">Senha:</td>
          <td><label>
            <input type="text" name="Pws" id="Pws" />
          </label></td>
        </tr>
        <tr>
          <td align="right">Interesses no Ratio:</td>
          <td><textarea name="InterRatio" id="InterRatio" cols="45" rows="5"></textarea></td>
        </tr>
        <tr>
          <td align="right"> </td>
          <td><p> </p>
          <p>
            <label>
              <input type="submit" name="cadastraok" id="cadastraok" onclick="Validar()

                                         if (DadosOk)

                                            {alert ('Todos os Dados estão Corretos') } " value="Cadastrar" />
            </label>
            <label>
              <input type="reset" name="cancel" id="cancel" value="Cancelar" />
            </label>
          </p></td>
        </tr>
      </table>
      <p> </p>
    </blockquote>
  </blockquote>
</form>
</body>
</html>

Otata · Dezembro 1, 2009

para você saber a quantidade de caracteres em um campo use o length , campo.value.length

sylar_head · Dezembro 1, 2009

Ah é mesmo, esqueci do ".value", vou testar pra ver no que dá... valeu

sylar_head · Dezembro 1, 2009

http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif Continua não dando certo

sylar_head · Dezembro 3, 2009

Obrigado pela ajuda, abraços. http://forum.imasters.com.br/public/style_emoticons/default/natal_laugh.gif

Henrique Barcelos · Dezembro 3, 2009

AnoAtual = DataAtual.getYear() + 1900

Isso aqui não vai funcionar...

Use o método getFullYear()...

augustoclaro · Dezembro 3, 2009

aí está um exemplo de uma validação de cadastro, boa sorte!

<html>

<head>

<title> Cadastro com Validação </title>

function IsNum(v)

{

var ValidChars = "0123456789.";

var IsNumber=true;

var Char;

for (i = 0; i < v.length && IsNumber == true; i++)

{

Char = v.charAt(i);

if (ValidChars.indexOf(Char) == -1)

{

IsNumber = false;

}

return IsNumber;

}

function valida(form) {

if (form.nome.value=="") {

alert("Preencha o nome corretamente.");

form.nome.focus();

return false;

}

var filtro_mail = /^.+@.+\..{2,3}$/

if (!filtro_mail.test(form.email.value) || form.email.value=="") {

alert("Preencha o e-mail corretamente.");

form.email.focus();

return false;

}

if (form.idade.value=="" || !IsNum(form.idade.value)) {

alert("Preencha a idade corretamente.");

form.idade.focus();

return false;

}

if (form.endereco.value=="" || form.endereco.value.length < 8) {

alert("Preencha o endereço corretamente.");

form.endereco.focus();

return false;

}

if (form.tel.value=="") {

alert("Preencha o telefone corretamente.");

form.tel.focus();

return false;

}

if (form.data_nascimento.value=="" || form.data_nascimento.value.length != 10) {

alert("Preencha a data de nascimento corretamente.");

form.data_nascimento.focus();

return false;

}

if (form.senha.value=="" || form.data_nascimento.value.length < 6) {

alert("Preencha a senha corretamente.");

form.senha.focus();

return false;

}

function telefone(f) {

if (f.tel.value.length<9 || f.tel.value.length>10) {

alert("Preencha o telefone corretamente.");

f.tel.focus();

}else{

ddd = f.tel.value.substring(0,2);

if (f.tel.value.length==9) {

part1 = f.tel.value.substring(2,5);

part2 = f.tel.value.substring(5,9);

}

if (f.tel.value.length==10) {

part1 = f.tel.value.substring(2,6);

part2 = f.tel.value.substring(6,10);

}

f.tel.value = "("+ddd+") "+part1+"-"+part2

}

</script>

</head>

<body>

Nome: <input type="text" name="nome"><br><br>

E-mail: <input type="text" name="email"><br><br>

Idade: <input type="text" name="idade" maxlength="2" size="2"><br><br>

Endereço: <input type="text" name="endereco"><br><br>

Telefone: <input type="text" name="tel" onblur="telefone(this.form);" maxlength="10"> (Formato: DDD+TELEFONE: 1122223333)<br><br>

Data de Nascimento: <input type="text" name="data_nascimento" value="dd/mm/aaaa" maxlength="10" onfocus="if (this.value=='dd/mm/aaaa'){this.value='';}" onblur="if (this.value==''){this.value='dd/mm/aaaa';}"><br><br>

Senha: <input type="password" name="senha"> (Mínimo: 6 caracteres)<br><br>

Sexo: <input type="radio" name="sexo" value="masc" checked> Masculino <input type="radio" name="sexo" value="fem"> Feminino<br><br>

</form>

</body>

</html>

Entrar

Arquivado

Código não funciona

Recommended Posts

sylar_head 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Otata 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

sylar_head 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sylar_head 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sylar_head 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Barcelos 290

Compartilhar este post

Link para o post

Compartilhar em outros sites

augustoclaro 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Orientação - Codificação Caracteres Especiais em Java

Não consigo carregar imagem do captcha no meu formulário

Estou criando uma calculadora de m2 e litros de tinta

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante