Ir para conteúdo

POWERED BY:

Arquivado

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

JotaPê Gomes

[Resolvido] Limpar formulário ao digitar

Por , em Javascript

Recommended Posts

JotaPê Gomes    0

JotaPê Gomes
Postado

Olá pessoa tudo bom?

Eu normalmento uso uma função que ao clicar no campo de input ele limpa o campo, mas o meu cliente quer que funcione igual ao login do https://twitter.com/ ou do https://www.deviantart.com/join/?utm_source=DA&utm_medium=UB&utm_content=JoinNow&utm_campaign=DA_UB_JoinNow_091409 .

 

Alguem sabe como fazer isso ? ou alguma dica ?

 

Desde já agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gremio10    14

gremio10
Postado

Tu pode usar o placeholder que é um novo elemento do html5, tipo:

 

<input type="text" placeholder="Olá" />

 

ou colocar um JS ai:

 

$( function() {
  $( "input[type=text]" ).keydown( function( e ) {

     if( $( this ).val() == "Olá" ) { $( this ).val( "" ) }

  } );
} );

 

Mais ou menos isso :lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cleiton Pereira    1

Cleiton Pereira
Postado

Olá amigo, é mais ou menos como o amigo acima disse, mas acho que ele usou a sintaxe jQuery (hehe, o amado Framework), mas como esse é um forum de JavaScript, eis o que tu deves fazer:

 

 

Determinar um valor padrão para seu input na propriedade HTML value e no JS verificar, dentro do evento keydown, se o valor do seu input é o valor que você pre-definiu, para que não apague sempre que você escrever um nome, e por fim você aplica um valor vazio na propriedade value via JavaScript.

 

 

Exemplificando:

 

 

<!DOCTYPE HTML>

<html lang="pt-BR">

<head>
<meta charset="ISO-8859-1">
<title>Teste</title>

<script type="text/javascript">
	window.onload = function()
	{
		var nome = document.getElementById("nome");

		nome.onkeydown = function()
		{			
			if (nome.value == "Informe seu nome")
			{
				nome.value = "";
			}
		}
	}
</script>
</head>

<body>
<input type="text" id="nome" value="Informe seu nome">
</body>

</html>

 

Ou seja, o script só limpará o nome caso seu valor (propriedade value) seja igual a "Informe seu nome"

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