domingo, 20 de setembro de 2009

JavaScript - "Formulário de denúncia"

Danilo Anderson Pereira

Olá!

Durante o desenvolvimento do sistema da ONG fiquei responsável pela elaboração da página de denúncia (cad_denuncia.php). Segue abaixo o código de validação do formulário de denúncia:


function validaForm()
{
var reEmail=/^[\w-]+(\.[\w-]+)*@(([A-Za-z\d][A-Za-z\d-]{0,61}[A-Za-z\d]\.)+[A-Za-z]{2,6}\[\d{1,3}(\.\d{1,3}){3}\])$/; // variável que faz a válidação de email


var reDate =/^((0[1-9][12]\d)\/(0[1-9]1[0-2])30\/(0[13-9]1[0-2])31\/(0[13578]1[02]))\/\d{4}$/; // variável que faz a válidação de data, neste padrão xx/xx/xxxx

var reTel= /\(\d{2}\)\d{4}\-\d{4}/; // variável que faz a válidação de telefone, neste padrão (xx)xxxx-xxxx

d = document.cad_denuncia;


if ((d.nome.value == "")(d.mail.value == "")(d.contato.value == "")(d.data.value == "")(d.desc.value == "")) // condição para verificar campos em branco
{
alert("Preencha os campos adequadamente!");
d.nome.focus(); // aponta para o campo nome do formulário se estiver errado
}
else
{
if(!reTel.test(d.contato.value)) // condição para verificar o telefone, usando a variável reTel

{
alert(d.contato.value + " NÃO é telefone válido nos padrões brasileiros!");
d.contato.focus(); // aponta para o campo telefone do formulário se estiver errado
}
else
{
if (!reEmail.test(d.mail.value)) // condição para verificar o email, usando a variável reEmail

{
alert(d.mail.value + " NÃO é um endereço de e-mail válido!");
d.mail.focus(); // aponta para o campo email do formulário se estiver errado
}
else
{
if (!reDate.test(d.data.value)) // condição para verificar o data, usando a variável reDate

{
alert(d.data.value + " NÃO é uma data válida!");
d.data.focus(); // aponta para o campo data do formulário se estiver errado
}
else
{
if ((reEmail.test(d.mail.value))&&(reDate.test(d.data.value))) // condição que verifica se o email e a data estiverem certos, o formulário envia a denúncia
{
d.submit();
}
}
}
}
}
}


Como podemos observar o código é feito com condições encadeadas, utilizando o "if". O código é baseado em JavaScript.

Lembrando que o site está em constante mudança, o código acima pode sofrer alterações.

Até mais!