Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head><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="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>Carregando comentários...