Ir para conteúdo

POWERED BY:

Arquivado

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

Samuel Pacheco QDS

Atualizar página somente se o formulário estiver vazio

Por , em Javascript

Recommended Posts

Samuel Pacheco QDS    1

Samuel Pacheco QDS
Postado

Em uma página que é atualizada a cada 60 segundos, tenho um formulário, e queria que enquanto o usuário estiver digitando algo, a pagina não atualizasse, pra nao perder os dados digitados.

 

Entao fiz um script mais ou menos assim, que ta atualizando normalmente, mas não respeita o campo preenchido. Continua atualizando e zerando os formularios a cada refresh.

<body onload="Nrefresh();"> 

<form method="post">
	<input id="campo" type="text">
	<input type="submit" value="Salvar" >
</form>

<script>
	function Atualizar() {
		setTimeout("atualiza()", 60000); //Chama a função Atualiza a cada 60 segundos
	}
	function atualiza() {
		window.location.href = window.location; // Atualiza a pagina
	}

	function Nrefresh() {
		if(document.getElementById("campo").value != ""){
			//Se o campo estiver diferente de vazio, não atualiza
		} else {
			Atualizar(); //Senão, atualiza a pagina normalmente.
		}
	}
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 



 



<!DOCTYPE html>



<html lang="en">



<head>



  <meta charset="UTF-8">



  <title>Document</title>



</head>



<body>


 



<form method="post">



  <input id="campo" type="text">



  <input type="submit" value="Salvar" >



</form>


 



<script>



var tot;



function reload() {



  tot = setTimeout(update, 600);



}


 



function update() {



  if(document.getElementById('campo').value === '') {



    console.log('reload')



    window.location.href = window.location;



  } else {



    reload();



  }



}


 



reload();



</script>



</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