Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Edeg

[Resolvido] validacao formulario tempo real

Por , em Javascript

Recommended Posts

Edeg    0

Edeg
Postado

galera

 

alguém pode me dizer como faço para que os campo do formulario seja validado em tempo real?

 

gostaria assim...

 

tenho um campo nome e email e quando eu desse o click no campo email para digitar o email e me envia-se um alert

o campo nome precisa ser digitado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo para estudo

<html>
<head>
<script type="text/javascript">
function id( el ){
	return document.getElementById( el );
}
function no_empty( campo )
{
	if( id( campo ).value=='' )
	{
		alert( 'O campo '+campo+' deve ser preenchido!' );
		id( campo ).focus();
	}
}
window.onload = function()
{
	id('email').onfocus = function(){
		no_empty( 'nome' );
	}
	id('telefone').onfocus = function(){
		no_empty( 'email' );
	}
}
</script>
</head>
<body>
	<form action="" method="post">
		<label>Nome: <input type="text" name="nome" id="nome" /></label>
		<label>Email: <input type="text" name="email" id="email" /></label>
		<label>Telefone: <input type="text" name="telefone" id="telefone" /></label>
		
		
		<label><input type="submit" name="enviar" value="Enviar" /></label>
	</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito