Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>Carregando comentários...