Olá! Thursday, 18 de April de 2024.
- Códigos
- Assistentes
- Artigos/Dicas
- Widgets
- Serviços
- Expediente
- Parceiros
Adicionar a Meu favorito
Sunday, 05 de February de 2006
Validação de Formulário em Javascript
Bom pessoal depois de alguns pedidos estou colocando um artigo de validação de formulário em Javascript, o que hoje em dia é muito usado.
Criaremos nosso formulário onde o usuário entrará com os dados para contato ou coisa desse tipo.
O principal de tudo é colocar nome nos campos, pois é a partir dos nomes que validamos
O nosso formulário chamaremos de " dados ", o campo nome - chamamos de "tx_nome", E-mail chamamos de "tx_email" e por fim o campo Mensagem "tx_mensagem" - todos sem aspas.
<!--CODIGO DO FORMULÁRIO-->
<!--CODIGO DO FORMULÁRIO-->
Para começarmos a validação escreveremos o seguinte código no "<head> </head>" da página.
<!--VALIDA FORMULÁRIO-->
<!--VALIDA FORMULÁRIO-->
======== Entendendo o código =========
Logo no começo temos um if que verifica se o o campo Nome nomeado como "tx_nome" está vazio ou se ele contém o n° de caracteres menore que 8.
Analizando...
document.dados.tx_nome.value=="" || document.dados.tx_nome.value.length < 8 { alert( "Preencha campo NOME corretamente!" ); document.dados.tx_nome.focus(); return false; }
Percebemos que o Javascript vai pegando por partes, ao especificarmos o caminho de cada campo.
document (O documento - arquivos)
dados (O nome do Formulário)
txNome (O nome do Campo)
value (Seu valor)
lenght (Analiza a quantidade de caracteres do campo )
focus() (Coloca o cursor do mouse no campo especificado )
indexOf(' ') (Analiza o conteúdo do campo )
No caso acima validamos do modo que se o campo estiver em branco ou a qantidade de caracteres for menor que 8 o Nome é inválido, então ele mostra uma mensagem de alerta e não envia o formulário, pois ao estar nesse estado declaramos que seu retorno é falso "return false.
Nos outros casos como o campo Mensagem segue a mesma rotina.
Agora para validarmos um e-mail vemos se ele contém . "ponto" ou "@ arroba, se não tiver não é um e-mail válido certo?!?!?!
Fazemos do mesmo modo como antes só que invéz de validar a quantidade de caracteres validamos o seu conteúdo em si.
Com o parâmetro indexOf(' ') que como disse analiza o conteúdo dos campos.
Vemos se o que foi digitado no campo E-mail contém @ "arroba" - ou . "ponto" :
( indexOf('@ ')==-1 ) se o @ "arroba" for igual a - "menos" 1 ou se o . "ponto"- for igual a - "menos" 1 - ou seja não exite dentro do campo, e o e-mail é invalido.
===================================
Coloquei um exemplo dessa validação - http://www.codigofonte.net/img/dicas/166/ - é só acessar.
Espero que tenham gostado.
Dúvidas estou a disposição [email protected]
Valeu fiquem com Deus!
Criaremos nosso formulário onde o usuário entrará com os dados para contato ou coisa desse tipo.
O principal de tudo é colocar nome nos campos, pois é a partir dos nomes que validamos
O nosso formulário chamaremos de " dados ", o campo nome - chamamos de "tx_nome", E-mail chamamos de "tx_email" e por fim o campo Mensagem "tx_mensagem" - todos sem aspas.
<!--CODIGO DO FORMULÁRIO-->
<!--CODIGO DO FORMULÁRIO-->
Para começarmos a validação escreveremos o seguinte código no "<head> </head>" da página.
<!--VALIDA FORMULÁRIO-->
<!--VALIDA FORMULÁRIO-->
======== Entendendo o código =========
Logo no começo temos um if que verifica se o o campo Nome nomeado como "tx_nome" está vazio ou se ele contém o n° de caracteres menore que 8.
Analizando...
document.dados.tx_nome.value=="" || document.dados.tx_nome.value.length < 8 { alert( "Preencha campo NOME corretamente!" ); document.dados.tx_nome.focus(); return false; }
Percebemos que o Javascript vai pegando por partes, ao especificarmos o caminho de cada campo.
document (O documento - arquivos)
dados (O nome do Formulário)
txNome (O nome do Campo)
value (Seu valor)
lenght (Analiza a quantidade de caracteres do campo )
focus() (Coloca o cursor do mouse no campo especificado )
indexOf(' ') (Analiza o conteúdo do campo )
No caso acima validamos do modo que se o campo estiver em branco ou a qantidade de caracteres for menor que 8 o Nome é inválido, então ele mostra uma mensagem de alerta e não envia o formulário, pois ao estar nesse estado declaramos que seu retorno é falso "return false.
Nos outros casos como o campo Mensagem segue a mesma rotina.
Agora para validarmos um e-mail vemos se ele contém . "ponto" ou "@ arroba, se não tiver não é um e-mail válido certo?!?!?!
Fazemos do mesmo modo como antes só que invéz de validar a quantidade de caracteres validamos o seu conteúdo em si.
Com o parâmetro indexOf(' ') que como disse analiza o conteúdo dos campos.
Vemos se o que foi digitado no campo E-mail contém @ "arroba" - ou . "ponto" :
( indexOf('@ ')==-1 ) se o @ "arroba" for igual a - "menos" 1 ou se o . "ponto"- for igual a - "menos" 1 - ou seja não exite dentro do campo, e o e-mail é invalido.
===================================
Coloquei um exemplo dessa validação - http://www.codigofonte.net/img/dicas/166/ - é só acessar.
Espero que tenham gostado.
Dúvidas estou a disposição [email protected]
Valeu fiquem com Deus!
Enviar um Artigo
Enviado por: Jean Carlos
Outros artigos
Assine o Feed desta categoria 
- Procura de palavras na página - 23/01/2006
- Abrir Janela PopUp ao clicar no Link - 11/01/2006
- Botões de navegação com Javascript - 25/08/2005
- Declarações de laço em Javascript - 15/04/2005
- Ver mais...
Comentários do artigo [Novo comentário]
Cleber
- 16 de December de 2008 - 16:54
nuss... Muuito bom kara..
eu sou iniciante no assunto sabe ,,
tenho minhas duvidas ..
duvidas bobas pra voc?.. que pra mim... ? dificuldade danada ..
como por exemplo aonde eu ponho meu e-mail
para que a menssagem seja me enviada..
ii tambem queria saber si eu posso por e-mail da gmail ..
tirando isso .. ta tudo muito maneiro .. ii bem explicado
OBRIGADO !
eu sou iniciante no assunto sabe ,,
tenho minhas duvidas ..
duvidas bobas pra voc?.. que pra mim... ? dificuldade danada ..
como por exemplo aonde eu ponho meu e-mail
para que a menssagem seja me enviada..
ii tambem queria saber si eu posso por e-mail da gmail ..
tirando isso .. ta tudo muito maneiro .. ii bem explicado
OBRIGADO !
marcio luiz de sousa
- 02 de March de 2009 - 21:12
~~~~~~~~~~~~~~~~~~~~~~~~~~
Joailson Régis Bezerra
- 02 de April de 2010 - 17:32
Como o amigo Cleber citou vc esqueceu de dizer onde é colocado o email para enviou?
Jean Carlos
- 03 de April de 2010 - 13:44
Na vdd esse ae é VALIDAÇÃO de formulário, vc pode validar um formulario de consultar, de busca etc, não necessariamente de envio de e-mail, pois envio de é FEITO com ASP, PHP por exemplo, essa rotina acima valida não permitindo informaçoes incorretas como num cadastro.
Paulo Augusto Zucatti Tascheti
- 22 de June de 2010 - 12:52
Muito Boa essa validadeção Jean, eu tenho uma pagina enviar.php ela executa com esse script mais não está enviando para o meu e-mail, gostaria de saber se voçe pode me passar o código para enviar por e-mail? fico muito grato. [email protected]
Fred Passos
- 06 de December de 2010 - 02:46
Jean, sei que esse script é apenas para validação, num entanto quero saber de você se pode me orientar no procedimento para que quando o visitante enviar, chegue até minha cx de e-mail?
Obrigado!
[email protected]
Obrigado!
[email protected]
Para adicionar um comentário você deve efetuar o login
 |
CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010 |
