Ir para conteúdo

POWERED BY:

Arquivado

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

Elton M. Távora

[Resolvido] Botão Invisível

Por , em Javascript

Recommended Posts

Elton M. Távora    0

Elton M. Távora
Postado

Galera... tenho a função JS abaixo, que ainda não está completa:

 

<script language="JavaScript">
	  function confere(){
		var nome1= document.form1.txtnome.value
		var empresa1= document.form1.txtempresa.value
		var email1= document.form1.txtemail.value
		  if(nome1=="" || empresa1=="" || email1==""){
			alert("Por favor, preencha todos os campos")
		  }
		  else{
		   //Aqui irá tornar o botão visível
			  }
	  }										
	</script>

O IF está funcionando.

Quero que o ELSE torne visível um botão invisível.

Segue o código dos botões.

Botão que quero deixar visível:

<input type="submit" name="Submit" value="Enviar" style="font-family: 'Arial'; font-size: 12px; visibility: hidden;" >
Botão que executa a função:

<input type="button" value="Botão" onclick="confere()" style="font-family: 'Arial'; font-size: 12px" />

Então... Quero que a pessoa clique no botão para que a função seja executada, e caso todos os campos estejam preenchidos, o outro botão se torne visível.

Alguém sabe como faço isso?

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

Caro,

Pode fazer assim:

<script language="JavaScript">
	  function confere(){
		var nome1= document.form1.txtnome.value
		var empresa1= document.form1.txtempresa.value
		var email1= document.form1.txtemail.value
		  if(nome1=="" || empresa1=="" || email1==""){
			alert("Por favor, preencha todos os campos")
		  }
		  else{
		   document.getElementById("botao").style.visibility = "visible";
			  }
	  }										
	</script>

O botão sendo:

<input id="botao "type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px" />

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elton M. Távora    0

Elton M. Távora
Postado

Caro,

Pode fazer assim:

<script language="JavaScript">
	  function confere(){
		var nome1= document.form1.txtnome.value
		var empresa1= document.form1.txtempresa.value
		var email1= document.form1.txtemail.value
		  if(nome1=="" || empresa1=="" || email1==""){
			alert("Por favor, preencha todos os campos")
		  }
		  else{
		   document.getElementById("botao").style.visibility = "visible";
			  }
	  }										
	</script>

O botão sendo:

<input id="botao "type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px" />

Abraço!

Mas nesse caso o botão já começa visível. Confere?

E eu quero que o botão só fique visível após a função verificar que todos os dados estão preenchidos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elton M. Távora    0

Elton M. Távora
Postado

Desculpe. Tinha invertido os botões.

Mas de qualquer maneira não deu certo.

 

O If funciona e o alert é apresentado quando os campos estão vazios.

Mas o ELSE ainda não funciona deixando ainda o botão invisível.

 

Será que errei em algo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

Edit:

Tinha um pequeno erro de sintaxe...Fui testar aqui e realmente não deu.

Toma em base meu teste:

<html>
	<head>
		<title>Teste</title>
		<script language="JavaScript">
			  function confere(){
				   document.getElementById("botao").style.visibility = "hidden";
			  }										
		</script>
	</head>
	<body>
		<input id="botao" "type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px;" />
	</body>
</html>

O botão na verdade é assim:

<input id="botao" "type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px;visibility:hidden;" />

Testei e deu certo!

Abraço!

 

Ps:o script continua sendo o que eu mandei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elton M. Távora    0

Elton M. Távora
Postado

Você mudou o botão para o citado(mais especificamente,colocou o id no mesmo)?

E é javascript,e não java script (junto ao invés de separado).

Abraço!

Mudei. Ficou assim

 

O else da função:

else{
		document.getElementById("Enviar").style.visibility = "visible"
	  }

 

O botão:

<input id="botao" type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px" />

Estou errando em algo?

PS: O javascript do botão está junto. Não sei pq aqui sai separado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

O correto (seu caso):

<input id="botao" type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px;visibility: hidden;" />

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Elton M. Távora    0

Elton M. Távora
Postado

O correto (seu caso):

<input id="botao" type="button" value="Botão" onclick="java script:confere();" style="font-family: 'Arial'; font-size: 12px;visibility: hidden;" />

Abraço!

 

Não não. O botão que executa a função fica visível.

A função vai deixar visível o outro botão que está invisível.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

dá uma ID para o submit, e chama ele na hora de dar o .style.visibility = 'visible';

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