Se você está tendo problemas em validar seu formulário, ou seja, verificar se as informações digitadas em cada campo é realmente verdadeira, saiba que é bem simples e rápido de adaptar para o seu site.
Primeiramente vamos criar um formulário:
1º) Crie um arquivo chamado formulario.php
2º) Adicione o código abaixo em formulario.php
<head>
<?php
include("funcoes.js");
?>
</head>
<body>
<form action="pagina2.php" method="post" name="um_nome_qualquer" onsubmit="return validaForm()">
Nome: <input name="nome" type="text" />
Nascimento: <input maxlength="10" name="nascimento" type="text" />
Telefone: <input maxlength="9" name="telefone" type="text" />
E-mail: <input name="email" type="text" />
<input type="submit" value="Enviar" />
</form>
</body>
Explicação: O código "onsubmit" chama a função "validaForm()" quando o botão "Enviar" é clicado.
Vamos criar então a função "validaForm()". Existem duas formas de se criar essa função: a primeira é adicioná-la no <head> desta página; a segunda é criar um arquivo ".js" e colocar a função.
Esta segunda forma é o jeito mais organizado, pois todas as suas funções ficarão concentradas em um único arquivo e poderão ser reutilizadas em outras páginas, então vamos usá-la:
1º) Crie um arquivo chamado funcoes.js
2º) Adicione o código abaixo em funcoes.js
<script language="JavaScript" >
function validaForm(){
d = document.um_nome_qualquer;
//validar nome
if (d.nome.value == ""){
alert("O campo Nome deve ser preenchido!");
d.nome.focus();
return false;
}
//validar data de nascimento
erro=0;
hoje = new Date();
anoAtual = hoje.getFullYear();
barras = d.nascimento.value.split("/");
if (barras.length == 3){
dia = barras[0];
mes = barras[1];
ano = barras[2];
resultado = (!isNaN(dia) && (dia > 0) && (dia < 32)) && (!isNaN(mes) && (mes > 0) && (mes < 13)) && (!isNaN(ano) && (ano.length == 4) && (ano <= anoAtual && ano >= 1900));
if (!resultado) {
alert("Formato de data invalido!");
d.nascimento.focus();
return false;
}
} else {
alert("Formato de data invalido!");
d.nascimento.focus();
return false;
}
//validar telefone
if (d.telelefone.value == ""){
alert ("O campo Telefone deve ser preenchido!");
d.telefone.focus();
return false;
}
tel = d.telefone.value.split("-");
if(!(tel.length == 2)){
alert ("O campo Telefone deve ser preenchido corretamente!");
d.telefone.focus();
return false;
}
//validar email
if (d.email.value == ""){
alert("O campo E-mail deve ser preenchido!");
d.email.focus();
return false;
}
//validar email (verificao de endereco eletrônico)
parte1 = d.email.value.indexOf("@");
parte2 = d.email.value.indexOf(".");
parte3 = d.email.value.length;
if (!(parte1 >= 3 && parte2 >= 6 && parte3 >= 9)) {
alert ("O campo E-mail deve ser conter um endereco eletronico!");
d.email.focus();
return false;
}
}
</script>
3º) Não se esqueça de salvar funcoes.js na mesma pasta em que está o formulario.php
4º) Não se esqueça de dar um include("funcoes.js"); no <head> do formulario.php
Observação: Não se esqueça que quando for adaptar para o seu site essas validações dentro do documento ".js" deve estar na mesma ordem que o formulário foi criado. Por exemplo: se o primeiro campo do seu formulário é o nome, na função java a primeira verificação tem que ser o nome, e assim por diante.
Caso queira olhar como ele funciona ou fazer o download do código-fonte:
http://lucaswebsite.webcindario.com/tivivendoeaprendendo/formulario.php
