Como validar um campo antes do usu�rio clicar no SUBMIT?

Question

Ol� estou querendo criar um formul�rio de cadastro pro meu CMS e estou com problemas na hora de validar os campos.Bem quero que o campo E-MAIL seja validado assim que o usu�rio terminar de digitar....

Alisson Santos · Answer

Poderia utilizar o padr�o do HTML 5 que j� faz a valida��o por padr�o.
Utilizando o type = "email".

Exemplo:

<form method = "post" action = "">
   <label for = "email"> E-mail: </label> <input id="email" type=email required name=email>

no caso ele vai validar o e-mail quando o formul�rio sofrer o submit.
Agora para validar ao sair, aconselho utilizar um javascript para isso.

Espero ter ajudado

Marcelo Pastore · Answer

Alisson, o dudu citou a parte de acesso ao banco para verificar se o email ja existe, nessa situa��o pode utilizar o que vc citou?...

Ronaldo Lanhellas · Answer

Para o caso de validar em tempo real no banco de dados se o email existe, pode-se utilizar AJAX....

Alisson Santos · Answer

No caso de valida��o no banco de dados.Teria que ter um script que quando dado o submit ele iria at� o banco com o usu�rio logado e verificaria se tinha e-mail cadastrado para o mesmo, caso tivesse teria que comparar o que est� no campo com o que est� no banco de dados, caso estivesse errado ele retornaria a mensagem de erro.O que fiz ele n�o vai deixar inserir se a estrutura do e-mail estiver errada....

Dudu Barbosa · Answer

Ol� agrade�o aos que me responderam,Acho que por erro meu n�o deixei claro o que na verdade quero.Bem acho que isso deve ser feito com AJAX mesmo, ent�o na verdade quero que seja feita a VERIFICA��O do email no banco ANTES do usu�rio clicar no submit...tipo assim:o usu�rio digita o email, e quando ele passa para o outro campo acontece a verifica��o e retorna o resultado, tipo se ja � cadastrado aparece a mensagem de erro, se ainda nao for cadastrado aparece a msg tipo email correto algo assim...atte. dudu Barbosa...

Dudu Barbosa · Answer

Bem galera obrigado a todos pelas respostas,
Achei uma tutorial que ensinou bem o que eu queria, s� precisei alterar algumas coisas e deu certo.

Consulta interativa sem refresh com AJAX

ta� a tutorial para que vejam caso necess�rio... atte Dudu Barbosa

F�rum Como validar um campo antes do usu�rio clicar no SUBMIT? #490470