Ir para conteúdo

Arquivado

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

gabrieldb

[Resolvido] Não valida os outros campos

Por , em Javascript

Recommended Posts

gabrieldb    5

gabrieldb
Postado

Bom dia pessoal eu tenho um formulário em Javascript com a função de validar todos os campos dele mais só está validando o campo nome alguem pode me ajudar ?

Ai vai o codigo :

 

<html>

<head>

<title>valida form</title>

<style>

body, p, div, td, input, select, textarea {

font-family: verdana,arial,helvetica;

font-size:10px;

color:#27364D;

text-decoration: none;

}

input,textarea {

@if (is.ie) {

color: #efefef; background-color:#efefef; border: 1px solid #060606 ;

/*border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; */

}

}

textarea { overflow:auto }

</style>

 

<script language="JavaScript" type="text/javascript">

<!--

function validaForm(){//cria a função de validação do formulário

d= document.cadastro;// colocando o formulário em uma variável

 

//Validação do campo Nome: O campo chamado "nome" não pode estar vazio

 

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

alert("Você precisa preencher o campo Nome");

d.nome.focus();

return false;//impede que a página seja enviada

}

 

//Validação do Campo User: O campo chamado "user" não pode estar vazio

 

if (d.user.value==""){

alert("Você precisa preencher o campo USER");

d.user.focus();

return false;

}

 

//Validação do campo senha: O campo "senha " não pode estar vazio

 

if (d.senha.value==""){

alert("Você precisa preencher o campo Senha");

d.senha.focus();

return false;

}

 

// Validação do campo email: O campo deve ter algo escrito e conter uma @ e um .(ponto)

 

if(d.email.value !=""){// != quer dizer diferente de

 

parte1= d.email.value.indexOf("@");// indexOf usa o que está entre os () como divisor e pega o que está antes em número de casas

parte2= d.email.value.indexOf(".");

 

if (!(parte1>=2 && parte2>=3)){// confere se não há itens digitados antes da @ e antes do .

alert("Você precisa colocar um E-mail Válido");

d.email.focus();

return false;

}

 

}else{

alert("Você precisa digitar um E-mail!");

d.email.focus();

return false;

}

 

//Validação do campo Telefone: Valida se está preenchido e se é um fone válido XXXX-XXXX

 

if (d.telefone.value !=""){

 

fone= d.telefone.value.split("-");// usa o () como separador e coloca dentro de um array

// array: um tipo de dado que armazena na mesma variável vários valores

 

if (!( fone[0].value.lenght == 4 && fone[1].value.lenght==4)){// valida se há 4 casas no valor antes e depois do - (traço)

alert("Preencha com um Telefone Válido");

d.telefone.focus();

return false;

}

}else{

alert("Você precisa preencher o campo Telefone");

d.fone.focus();

return false;

}

 

 

 

 

return true;

}

 

function mascaraFone(){

d= document.cadastro;

if(d.telefone.value.length == 4){

alert("tem 4 numeros");

d.telefone.value+"-";

}

}

//-->

</script>

 

 

</head>

<body leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" style="text-align: center">

 

<p align="center"><font face="Wide Latin" size="7" color="#000066">Contato</font></p>

<form name="cadastro" action="#" method="post" onsubmit="javascript: return validaForm();" >

<p align="center"> </p>

<table width="40%" border="1" cellpadding="5" cellspacing="0" bordercolor="#000080" bgcolor="#000066">

<tr>

<td>

<p align="left"><font color="#EFEFEF">Nome:</font></td>

<td>

<p align="left"><font color="#EFEFEF"><input name="nome" type="text"></font></td>

</tr>

<tr>

<td>

<p align="left"><font color="#EFEFEF">E-mail:</font></td>

<td>

<p align="left"><font color="#EFEFEF"><input name="email" type="text"> (xxx@xx.xx)</font></td>

</tr>

<tr>

<td>

<p align="left"><font color="#EFEFEF">Telefone:</font></td>

<td>

<p align="left"><font color="#EFEFEF"><input name="telefone" type="text" onkeydown="javascript: return mascaraFone()"></font></td>

</tr>

<tr>

<td>

<p align="left"><font color="#EFEFEF">Data de nascimento:</font></td>

<td>

<p align="left"><font color="#EFEFEF"><input name="nasce" type="text"> (dd/mm/yyyy)</font></td>

</tr>

<tr>

<td>

<p align="left"><font color="#EFEFEF">Sexo :</font></td>

<td>

<p align="left">

<font color="#EFEFEF">

<input name="sexo[]" type="radio" value="masculino" id="sexo">

Masculino

<input name="sexo[]" type="radio" value="feminino" id="sexo">

Feminino

</font>

</td>

</tr>

<tr>

<td>

<p align="left"><font color="#EFEFEF">Mensagem:</font></td>

<td>

<p align="left"><font color="#EFEFEF"><textarea name="mensagem"></textarea></font></td>

</tr>

<tr>

<td colspan="2">

<div align="center">

<font color="#EFEFEF">

<input name="enviar" type="submit" value="Enviar">

<input name="limpar" type="reset" value="Limpar">

</font>

</div>

</td>

</tr>

</table>

</form>

</body>

</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Você está tentando validar campos que não existem:

 

Campo user (linha 35), senha (linha 43).

Compartilhar este post

Link para o post
Compartilhar em outros sites

gabrieldb    5

gabrieldb
Postado

Viajei mesmo...aushuahuha

 

Valeu brother consegui resolver meu problema..

 

abraço!

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